December 4, 2017 — Whether you’re starting to learn about CSS Grid or already use it in production, Firefox’s Grid Inspector is very useful. This article covers known and obscure features of Firefox DevTools that can come in handy when you’re building and debugging CSS Grid … Read More…

November 16, 2017 — When using any new CSS, the question of browser support has to be addressed. This is even more of a consideration when new CSS is used for layout as with Flexbox and CSS Grid, rather than things we might consider an enhancement. Read More…

October 17, 2017 — When first learning how to use Grid Layout, you might begin by addressing positions on the grid by their line number. This requires that you keep track of where various lines are on the grid, and also be aware of the fact the line numbers reverse if your site is displayed … Read More…

October 6, 2017 — CSS Grid is becoming the new layout standard for the web, and we are all still experimenting with what we can achieve with it. Read More…

September 28, 2017 — CSS Grid is such a different way of approaching layout that there are a number of common questions I am asked as people start to use the specification. This article aims to answer some of those, and will be one in a series of articles on Smashing Magazine about layouts. Read More…

September 6, 2017 — Layout on the web has always been tricky, but with CSS Grid being now supported in all major browsers, most of the hacks that helped to achieve complex layouts have become obsolete. Read More…

July 24, 2017 — Earlier this year, support for CSS grid layout landed in most major desktop browsers. Naturally, the specification is one of the hot topics at meet-ups and conferences. After having some conversations about grid and progressive enhancement, I believe that there’s a good … Read More…

June 16, 2017 — Industries often experience evolution less as slow and steady progress than as revolutionary shifts in modality that change best practices and methodologies seemingly overnight. This is most definitely true for front-end web development. Our industry thrives on constant, … Read More…

November 8, 2016 — Editor’s note: Please note that this article is quite lengthy, and contains dozens of CodePen embeds for an interactive view. The page might take a little while to load, so please be patient. This article explains how Flexbox and CSS Grid fit together, and how we can build … Read More…