4. Creative Floating
Use floats to achieve grid-like results
In previous chapters, we started each bulletproof approach by first deciding how the component we’re dealing with should be structured—that is, what markup is most appropriate for the content being displayed? This, I believe, is an important step when building any website. With a goal of selecting elements that convey the most meaning to what they surround, you hope to be left with enough “style hooks” to apply a compelling design with CSS. But more importantly, choosing the best markup for the job means the content of the page has the best chance of being understood properly across the widest possible range of browsers and devices. It’s the foundation and should convey a clear message, ...
Get Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with HTML5 and CSS3, Third Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.