Use flexbox to create a responsive website, containing a flexible navigation bar and flexible content:
Page Title Resize the browser window to see the responsive effect.
My Website
With a flexible layout.
About Me
Photo of me:
ImageSome text about me in culpa qui officia deserunt mollit anim..
More Text
Lorem ipsum dolor sit ame.
ImageImageImageTITLE HEADING
Title description, Dec 7, 2017
ImageSome text..
Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
TITLE HEADING
Title description, Sep 2, 2017
ImageSome text..
Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
Flexbox Elements
To start using the Flexbox model, you need to first define a flex container.
123A Flexible Layout must have a parent element with the display property set to flex.
Direct child elements(s) of the flexible container automatically becomes flexible items.
The flex container properties are:
The flex-direction Property
The flex-direction property defines in which direction the container wants to stack the flex items.
The row-reverse value stacks the flex items horizontally (but from right to left)
The flex-wrap Property
The flex-wrap property specifies whether the flex items should wrap or not.