Table of Contents for
Flexbox in CSS
Close
Version ebook
/
Retour
Flexbox in CSS
by Estelle Weyl
Published by O'Reilly Media, Inc., 2017
nav
Cover
Flexbox in CSS
Flexbox in CSS
Preface
1. Flexbox
2. Flex Container
3. Flex Items
4. Flexbox Examples
About the Author
Preface
Conventions Used in This Book
Using Code Examples
O’Reilly Safari
How to Contact Us
1. Flexbox
The Problem Addressed
Simple Solutions
Learning Flexbox
The display Property
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
align-items: baseline
Additional Notes
The align-content Property
3. Flex Items
What Are Flex Items?
Flex Item Features
min-width
Flex Item–Specific Properties
The flex Property
The flex-grow Property
Non-Null Growth Factor
Growing Proportionally Based on Growth Factor
Growth Factor with Different Widths
Growth Factors and the flex Property
The flex-shrink Property
Proportional Based on Width and Shrink Factor
In the Real World
Differing Bases
The flex-basis Property
content
auto
Default Values
Length Units
Zero Basis
The flex Shorthand Property
Common flex Values
Custom flex Values
Sticky Footer with flex
The align-self Property
The order property
Tabbed Navigation Revisited
4. Flexbox Examples
Responsive Two-Column Layout
Wider Screen Layout
Power Grid Home Page
Sections
Vertical Centering
Inline Flex Example
Calendar
Magic Grid
Performance
Good to Go