Css Flexbox Playground
Css Flexbox playground
01 | Static vs Responsive
Based on the Pluralsight course "Creating Responsive Pages with CSS FlexBox" by Jeff Batt.
Flexboxes make creating web page layouts quicker, easier, and offer greater flexibility than rows and columns. This course will teach you how to get started with Flexboxes using nothing but CSS.
-
01-static: A not-responsive website.
-
02-responsive: The same site, but made responsive via Css flexbox.
02 | Flexbox properties in practice
A flexbox property for each file, to easily understand how exactly a property effects a flexbox item/container, both for main axis and cross axis.
Just clone the repo and open the index.html file to see in action each property.
- examples: Flexbox properties examples.