#115: Don’t Overthink It Grids

Avatar of Chris Coyier
Chris Coyier on (Updated on )

Try Mailchimp today. MailChimp Tracking Pixel

Download Video
(Only MVP Supporters can download original high-quality recordings for offline viewing.)

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.