Building Advanced Responsive Modules With Flexbox

By Zoe M. Gillenwater

I can remember when I first heard you could create a web page layout without tables — just CSS. I was rather confused, but intrigued. There was this new thing called CSS floats, and you could use it to place boxes beside each other in columns without having to struggle against massively nested table markup, spacer GIFs, rowspan and colspan, and all the other junk that made tables so ill-suited for web layout. I dived into float-based layout headfirst and didn’t look back, but along the way I discovered, as I’m sure you have, that floats have their own shortcomings that can sometimes make them tricky to work with — after all, they weren’t actually designed to control overall ...

Get Smashing Book 5: Real-Life Responsive Web Design now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.