A Calendar in Three Lines of CSS

This article has no byline and is on a website that is even more weirdly specific than this one is, but I appreciate the trick here. A seven-column grid makes for a calendar layout pretty quick. You can let the days (grid items) fall onto it naturally, except kick the first day over to the correct first column with grid-column-start. Thoughts:

I’d go with an rather than a just because it seems like days are definitely ordered.

… Read article “A Calendar in Three Lines of CSS”

The post A Calendar in Three Lines of CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://calendartricks.com/a-calendar-in-three-lines-of-css/

Creato 5y | 24 dic 2020, 16:20:36


Accedi per aggiungere un commento

Altri post in questo gruppo

Getting Creative With HTML Dialog

So, how can you take dialogue box design beyond the generic look of frameworks and templates? How can you style them to reflect a brand’s visual identity and help to tell its stories? Here’s how I

3 giu 2025, 15:20:18 | CSS tricks
Better CSS Shapes Using shape() — Part 2: More on Arcs

This is the second part of a series that dives deep into the CSS shape() command, continuing with a more detailed look at the arc command.


30 mag 2025, 13:50:17 | CSS tricks
What We Know (So Far) About CSS Reading Order

The reading-flow and reading-order proposed CSS properties are designed to specify the source order of HTML elements in the DOM tree, or in simpler terms, how accessibility tools deduce the order o

27 mag 2025, 14:10:05 | CSS tricks
Better CSS Shapes Using shape() — Part 1: Lines and Arcs

This is the first part of a series that dives deep into the shape function, starting with shapes that use lines and arcs.


23 mag 2025, 15:10:06 | CSS tricks
You can style alt text like any other text

Clever, clever that Andy Bell. He shares a technique for displaying image alt text when the image fails to load. Well, more precisely, it's a technique to apply styles to the alt

22 mag 2025, 15:50:07 | CSS tricks
SVG to CSS Shape Converter

Shape master Temani Afif has what might be the largest collection of CSS shapes on the planet with all the tools to generate them on the fly.

21 mag 2025, 16:40:06 | CSS tricks
A Reader’s Question on Nested Lists

Answering a reader's question about how to create a complex numbering system with CSS list counters.


19 mag 2025, 13:40:06 | CSS tricks