When adapting a layout for different viewport widths (a.k.a. responsive design) or media (like print), it's common to reset any float and width values on major layout blocks to linearise their display.

Unfloating a floated element is as simple as specifying float:none. Width doesn't seem to be quite as straightforward - lately I've come across several cases where people use width:100% to undo explicitly specified widths when they should be using width:auto instead. So here's a brief explanation of the difference.

Read full post

Posted in CSS, Quick Tips.

Copyright © Roger Johansson