¡CREA un Calendario 📆 con SÓLO 3 LÍNEAS de CSS! 🎨

Published: 25 December 2020
on channel: midudev
104,797
5.2k

Normalmente maquetar calendarios con CSS era un ROLLAZO. Se solían utilizar tablas para que la cosa cuadrase correctamente PERO eso ha terminado gracias a lo que voy a mostrarte en el vídeo! 🚀

Y es que gracias a la potencia de display: grid, ahora puedes crear una cuadrícula muy fácilmente. Si piensas en un calendario 📆, no deja de ser eso, una cuadrícula. Solo que es una cuadrícula de 7 columnas.

Para crear esas 7 columnas podemos tirar de las plantillas en Grid 📏. Así puedes ver que con tres simples líneas puedes crear el calendario MUY fácilmente. Luego puedes ir añadiendo más CSS para dejar un calendario más bonito, pero la simplicidad para conseguirlo queda ahí.

Código:
https://codesandbox.io/s/calendario-e...

Fuente:
https://calendartricks.com/a-calendar...
https://css-tricks.com/a-calendar-in-...


Watch video ¡CREA un Calendario 📆 con SÓLO 3 LÍNEAS de CSS! 🎨 online without registration, duration hours minute second in high quality. This video was added by user midudev 25 December 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 104,797 once and liked it 5.2 thousand people.