Scribd
Upload
19 views

CSS Flexbox

CSS Flexbox is a CSS layout module that allows items to be arranged and organized horizontally or vertically within a flex container. It helps create flexible and responsive layouts where flex items can adjust within the container. Flexbox fills extra space or shrinks overflowing content. It uses properties like flex-direction to align items, with the flex container housing flex items along the main and cross axes.

Uploaded by

SHAIK IRFAN
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
19 views

CSS Flexbox

CSS Flexbox is a CSS layout module that allows items to be arranged and organized horizontally or vertically within a flex container. It helps create flexible and responsive layouts where flex items can adjust within the container. Flexbox fills extra space or shrinks overflowing content. It uses properties like flex-direction to align items, with the flex container housing flex items along the main and cross axes.

Uploaded by

SHAIK IRFAN
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 6

CSS flexbox

What is CSS Flexbox?

• CSS Flexbox is a CSS layout module that is used to arrange


and organize items on web pages in one direction, i.e.,
horizontally and vertically.

• CSS Flexbox helps in


creating flexible and responsive layouts where we can adjust
the flex items within the flex container.

• It is used to fill the extra space available or shrink the size of


the content if it is overflowing.
Basics and Terminology of CSS Flexbox
 Flexbox is not a property. It is a CSS layout module that has lots of its properties, for example, flex-
direction, which helps in aligning the items in a particular direction that we want.

 Flex Container - Flex container is used as a container for the flex-items. To make the container flexible,
we set the display property as flex.
 Main Axis - The main axis is used as a primary axis for the flex-container to align the flex-items. It is
set using the flex-direction property.
 Cross Axis - It is always perpendicular to the main axis. It arranges itself as per the main-axis direction
CSS Positions

You might also like