corenominal

Full stack web developer, interested in all the things, but especially the web, code, design, Linux, OS X, PHP, WordPress, JavaScript & robots.

Tagged: grids

CSS Grid with Rachel Andrew and Jen Simmons – ShopTalk image/svg+xml

Grid is getting a ton of support in modern browsers and so we’ve got a couple of grid experts in Jen Simmons and Rachel Andrew on to help us navigate the grid – what is it? When can we use it? How do flexbox and grid play together? What about Bootstrap?

A proper good episode of the ShowTalk Show that’s all about CSS Grid. Well worth a listen and it’s definitely inspired me to spend some more time experimenting with Grid layouts.

Practical CSS Grid: Adding Grid to an Existing Design image/svg+xml

Understanding and using Grid is easier than you might expect. The day Grid support shipped in Firefox 52, I decided on the spur of the moment to convert the basic layout of my personal site to use Grid. And it was a fairly simple process—five minutes to write the grid styles, then 15-20 spent troubleshooting.

It’s good to read a practical guide where CSS Grid has been applied to a real-world site. I hope we get to read more of these in the future.