##### Switcher

Enable flex behaviors
I'm a flexbox container!
I'm an inline flexbox container!
Direction
Flex item 1
Flex item 2
Flex item 3
Flex item 1
Flex item 2
Flex item 3
Justify content
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Direction flex-column and flex-column-reverse

Direction Column

Flex item 1
Flex item 2
Flex item 3

Column Reverse

Flex item 1
Flex item 2
Flex item 3
Align items
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Align self
Flex item
Aligned flex item
Flex item
Flex item
Aligned flex item
Flex item
Flex item
Aligned flex item
Flex item
Flex item
Aligned flex item
Flex item
Flex item
Aligned flex item
Flex item
Align content ( Heads up! This property has no effect on single rows of flex items.)
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Order
First flex item
Second flex item
Third flex item
Fill
Flex item with a lot of content
Flex item
Flex item
Grow and shrink
Flex item
Flex item
Third flex item
Flex item
Flex item
Auto margins
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Wrap
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
With align-items
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Media object
Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus recusandae blanditiis voluptas nobis consectetur. Voluptate pariatur, odit repudiandae sint, libero laborum aut vel, ut enim laboriosam explicabo dolor corporis hic.

And say you want to vertically center the content next to the image:

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloribus, accusamus fuga quis deserunt provident rem illum exercitationem laborum pariatur modi blanditiis a dolor excepturi qui, aut laudantium harum in id..

###### Shortcuts

Mail Settings

Messages

- ###### Elizabeth Ava2

  3:55 PM

  Elizabeth is online

- ###### George Rhys1

  12:04 PM

  I must explain...

- ###### Bethany Isla2

  Yesterday

  We denounce with righteous..

- ###### Margaret Emma1

  01 Mar

  http://Diam-duoet.xd

- ###### Michael Souris1

  22 Feb

  +13 photos

View All

Workspace

- ###### Olivia Lily1

  2:00 PM

  Aliquyam ipsum sit.

- ###### Smith Brown2

  12:00 PM

  At eos no sit...

- ###### Wilson Li24

  16 Feb

  Sit est dolor dolor.

- ###### Jones Morton3

  12 Jan

  Erat diam ipsum... Sed dolor...

- ###### White Lee1

  01 Feb

  Justo accusam stet eirmod et....

View All

Calls

- ###### Wilfrid Price3

  11:15 AM

  Missed call

- ###### Jasmin O'Kon

  Yesterday

  Duration: 15:30

- ###### River Gleichner

  01 Mar

  Declined

- ###### Saul Goodmate1

  20 Feb

  Missed call

- ###### Edgardo Huel

  15 Feb

  Duration: 01:20:10

View All

###### Find out more !

Mail Settings

###### Notifications :

Someone mentioned
Someone Replies
Allow All Notifications
Notifications On
In App Email Both
Assigned a Task
If I Have More Than 24 Tasks
Allow All Notifications
Notifications On
In App Email Both

###### App :

Files :

Images
1,458
Videos
213
Storage
8.50MB free space

Files Privacy Settings :

Password change

Discard Save Changes
Two Factor Authentication

Recent Deleted Files Delete All

Full Name
Email
Mobile Number Change number
+91

###### Remaiders :

Get alert for remaiders

###### This Is Not You're Looking For?

Go To Profile Settings