O'Reilly logo

Smashing Book 5: Real-Life Responsive Web Design by Smashing Magazine

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required