#115: Don’t Overthink It Grids

Avatar of Chris Coyier
Chris Coyier on (Updated on )

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit!

Even if the layout of a site is simple as a main content area on the left and a sidebar on the right, that’s a grid. There are new layout methods in CSS that are getting closer to prime time (like flexbox and grid layout) that will be very great for grids, but for now, floats are still doing the job.

I see a new grid framework just about every week. I think this saturation of grid frameworks gives rise to the perception that grids are super complicated and it’s impractical or a waste of time to create your own grid system. I don’t think that’s true.

In this screencast we build our own grid system with just a few lines of CSS. Demo on CodePen.