CSS Flexbox #1. Creating Your Flexbox Layout

The CSS Flexbox specification describes a layout in which the items (flex-items) inside a container (flex-container) can grow or shrink in width and/or height, according to the available container space. The items ‘flex’ to fit its parent container in the best possible way.

These ‘flexed’ items can be laid out in any direction (inline axis or block axis), thus providing a lot of flexibility when changing the size (width or height) of the screen or its orientation.

This tutorial will demonstrate the basic concepts of CSS Flexbox with an example.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]