Page 11 - CSS
P. 11
Examples 130
Drop Shadow (use box-shadow instead if possible) 130
Multiple Filter Values 130
Hue Rotate 131
Invert Color 132
Blur 132
Chapter 24: Flexible Box Layout (Flexbox) 134
Introduction 134
Syntax 134
Remarks 134
Vender Prefixes 134
Resources 134
Examples 135
Sticky Variable-Height Footer 135
Holy Grail Layout using Flexbox 135
Perfectly aligned buttons inside cards with flexbox 137
Dynamic Vertical and Horizontal Centering (align-items, justify-content) 139
Simple Example (centering a single element) 139
HTML 139
CSS 139
Reasoning 139
Individual Property Examples 140
Example: justify-content: center on a horizontal flexbox 140
Example: justify-content: center on a vertical flexbox 141
Example: align-content: center on a horizontal flexbox 142
Example: align-content: center on a vertical flexbox 143
Example: Combination for centering both on horizontal flexbox 144
Example: Combination for centering both on vertical flexbox 145
Same height on nested containers 146
Optimally fit elements to their container 147
Chapter 25: Floats 149
