Scribd
Upload
34 views6 pages

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
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
34 views6 pages

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
We take content rights seriously. If you suspect this is your content, claim it here.
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