Creating a responsive grid

I thought I'd have a go at creating a simple responsive grid. You're welcome to have a look at it on CodePen.

Now I know there are many many grids out there - (and no doubt many that are far more advanced and robust than my offering). Nonetheless I thought it would be fun.

This is my attempt at creating a responsive grid option using :nth-child() selectors rather than classes daisy-chained in the HTML. It's a grid option for those that need a very simple responsive grid that isn't filling their markup with loads of classes. Fill your boots!

See the Pen Simple responsive grid using nth-child() selectors by Broo (@brootaylor) on CodePen.

Back to writing