CSS Flex: with all examples

Knoldus Blogs

Confused with HTML elements positioning in CSS and by using other libraries or CSS snippets from stackoverflow? Don’t worry CSS flex is here. Flex means flexible box.

The flex CSS property specifies how a flex item will grow or shrink so as to fit the space available in its flex container.”

So overall flex provides you the way to make your content flexible/responsive according to your view, you can position your elements upside down and anywhere on your page, whether it is the requirement to align your content in the center of the screen or anything else.

So flex has so many properties here we’ll talk about some major ones, with examples.

  • Aligning the elements on the view
  • Justifying your content on the view
  • Wrapping the elements
  • Flow of elements on row and column

Flex-wrap            flex:align-items

View original post 105 more words

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s