Ebook: Flexbox in CSS

Cover; Copyright; Table of Contents; Preface; Conventions Used in This Book; Using Code Examples; O'Reilly Safari; How to Contact Us; Chapter 1. Flexbox; The Problem Addressed; Simple Solutions; Learning Flexbox; The display Property; Chapter 2. Flex Container; Flex Container Properties; The flex-flow Shorthand Property; The flex-direction Property; The flex-wrap Property; Flex Line Cross Dimension; Flex Container; The justify-content Property; justify-content Examples; The align-items Property; align-items: stretch; align-items: flex-start; align-items: flex-end; align-items: center.;Layout designers rejoice: CSS finally has an update that will make your lives easier. Flexible box layout, often called Flexbox, frees you from the challenges of creating layouts with floats and padding and lets you specify containers and their contents instead. The new model means you can specify the directions in which material flows, how content wraps, and the ways components can expand to fill a space. Whether you've been creating large sites or small, fixed sites or responsive sites, flexbox will simplify your work.