CSS Day

Flexbox and responsive web design go great together, like peanut butter and jelly. Flexbox gives you more control over the things you care about in a responsive layout—like order, alignment, and proportional sizes of your boxes—and lets the browser figure out the rest—the math-y stuff that computers are good at, like the exact dimensions that are needed on the boxes to perfectly fill the available space. You can create much more complex and reliable layouts with flexbox than you can with floats, table display, or inline-block, all with far less CSS.

In this talk, you’ll learn which features of flexbox are particularly suited to responsive layouts and how you can harness them today by applying flexbox as progressive enhancement. We’ll look at examples of responsive page components and patterns that you can enhance further by layering flexbox on top of other layout methods, ensuring all users get a good experience.

Slides: zomigi.com/downloads/Enhancing-Responsiveness-with-Flexbox_CSS-Day_150612.pdf
About Zoe: zomigi.com

More about CSS Day: cssday.nl or twitter.com/cssdayconf
Receive updates in your inbox: cssday.nl/subscribe

# vimeo.com/131664957 Uploaded 7,558 Views 2 Comments

CSS Day

Web Conferences Amsterdam

An advanced CSS conference in Amsterdam, The Netherlands, since 2013. On June 6th & 7th, 2024, we'll have our 10th edition. More info: cssday.nl

Twitter: twitter.com/cssdayconf
Receive announcement e-mails: cssday.nl/subscribe

Browse This Channel

Channels are a simple, beautiful way to showcase and watch videos. Browse more Channels.