CSS Flexbox Layout Module

Use the Flexbox Layout Module to design a flexible responsive layout on the web page. It includes the container, flex items, etc.

The container has the following properties

• flex-direction
• flex-wrap
• flex-flow
• justify-content
• align-items
• align-content

Ankith Reddy

Published on 24-May-2018 12:04:24

• Related Questions & Answers
• Advance CSS layout with flexbox
• How to create a flexbox Layout in HTML?
• Flexbox layout losing proportions when reduced in size
• CSS Grid Layout
• Controlling Table Layout using CSS
• Controlling Table Layout in CSS
• How to work with Flexbox elements in CSS?
• Usage of CSS table-layout property
• Create a Column Layout using CSS
• Setting a Fixed Width for Items in CSS Flexbox
• Set areas within the grid layout in CSS
• Define the number of columns in CSS Grid Layout
• How to create a responsive blog layout with CSS?
• Creating a Slider / Carousel with CSS Flexbox (with infinite repeating items in loop)
• Define the width of each column in CSS Grid Layout