Chapter 5
Responsive Layouts with Flexbox
IN THIS CHAPTER
Understanding responsive design
Using Flexbox, the flexible box module
Styling Flexbox containers
Styling Flexbox items
“The measure of intelligence is the ability to change.”
—ALBERT EINSTEIN
In this chapter, you continue building on the knowledge of CSS you gained in Book 2, Chapters 3 and 4. You previously learned how to apply styles to elements and how to do basic web page layout using CSS. Now it's time to learn one of the newest and most useful features of the latest version of CSS to easily make web pages that look good in any browser: including on desktop, tablet, or mobile devices.
Flexbox can be confusing at first, until you do some hands-on work with it. Use a code playground such as CodeSandbox as you go through this chapter to experiment with the examples provided. If you've built a web page already, you can use this chapter as a reference when you have questions about specific Flexbox properties.
Introducing ...
Get Coding All-in-One For Dummies, 2nd 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.
