Flexbox Template #204
Top Section
The term Flexbox Template is actually a misnomer.
This top section is a demonstration of using conventional CSS and Flexbox on the same page..
Get started right by thinking of flexbox as just another tool that makes structuring web pages with columns a lot easier.
The drop down menu on the left is made using an unordered list and the float property is used to position it to the left.*
The header, the 3 columns below and the footer were created using flexbox.
Less is More
I've tried to construct these templates with as little HTML code as possible. Flexbox is the same. With flexbox, less is more. Let it do the work of controlling page structure. It isn't designed for text flow or image placement.
NOTE:* If you are viewing this page using a device with a viewport width less than 800px, the Modal Menu is activated.
