¡CREA un Calendario 📆 con SÓLO 3 LÍNEAS de CSS! 🎨
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-...