Layout designers rejoice: now you can greatly simplify the task of laying out your web page or application with Flexbox, the CSS Flexible Box Module. In this concise guide, author Estelle Weyl shows you how, with just few lines of code, you can easily create almost any responsive feature your site requires—whether it’s a widget, carousel, or anything else your designer dreams up. You’ll learn how to put your newfound knowledge of Flexbox into practice through several hands-on examples.
Short and deep, this book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase the ebook edition of Flexbox in CSS, you’ll receive a discount on the entire Definitive Guide once it’s released. Why wait? Learn how to make your web pages come alive today.
- Solve layout challenges for applications that grow, shrink, or change orientation on different viewports
- Specify the direction material flows, how content wraps, and ways that components expand to fill a space—without altering the underlying markup
- Explore CSS properties that apply to the flex container, and those that impact the layout of individual flex items
- Work with examples for a responsive two-column layout, a power grid home page, sticky footer, and a calendar