I love hand crafting layout in CSS Grid. Ask my co-workers. They’re tired of hearing about it.
Nothing is going to stop me from hand-coding my CSS. What about people who write no CSS, though? Can we use Grid to open up a world of new layout options to CMS users?
That’s not a rhetorical question. I want to hear opinions on this.
In this example, there are three components on a six-column grid. The doesn’t have rows specified, but is adjusting the implicit rows via grid-auto-rows.
Free ebook - Common CSS Grid Patterns
CSS Grid is a revolution in web layout. With this ebook, I cover 3 design patterns that Grid solves easier, better and more creatively to help push our designs in better directions.Download Now!
And change it to these layouts:
Try it for yourself
Keep in mind, you’ll need at least Firefox 52 or Chrome 57.
What do you think? Good idea? Bad idea? Overkill?
Keep in mind before answering, I know that Grid is in its infancy of support. These are important questions for the future.