Un calendario en tres líneas de CSS

Este artículo no tiene firma y está en un sitio web que es aún más extrañamente específico que este, pero aprecio el truco aquí. Una cuadrícula de siete columnas hace que el diseño del calendario sea bastante rápido. Puede dejar que los días (elementos de la cuadrícula) caigan naturalmente, excepto patear el primer día a la primera columna correcta con grid-column-start.

Pensamientos:

• Yo elegiría un olen lugar de ulsolo porque parece que los días definitivamente están ordenados.
• Los días como lista realmente no me molestan ya que tal vez eso tenga sentido semántico para el contenido del calendario (suponiendo que tenga alguno)
• Pero… ver los títulos de los días de la semana como los primeros elementos de la misma lista resulta extraño. Casi así debería haber una lista separada o algo así.
• O tal vez todo debería ser simplemente una tableespecie de datos tabulares (es lógico que quieras hacer referencias cruzadas y mirar todos los jueves o lo que sea).

De todos modos, el truco de la ubicación es divertido.

Aquí hay otro enfoque (similar) de nuestra colección de plantillas iniciales de CSS Grid.