[go: up one dir, main page]
Scribd
Upload
36 views8 pages

Flexbox

Using flexbox in css

Uploaded by

Jeethan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
36 views8 pages

Flexbox

Using flexbox in css

Uploaded by

Jeethan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
You are on page 1/ 8
Meeker @uvais.codes Master CSS Flexbox TAAL) — hoa i (@uMVeeloReele|erod Uvais | web developer bod @uvais.codes What is Flexbox? When you're building a house, you need a blueprint. In the same way, we need a blueprint when we're making websites. And Flexbox is the blueprint. The Flexbox model allows us to layout the content of our website. Not only that, it helps us create the structures needed for creating responsive websites for multiple devices. Flexbox Properties Container Flex items @uvais.codes Flex direction Flex Direction property is given to flex container to change direction of flex items. By default, flex direction is row. row (default) row-reverse column —— @uvais.codes justify-content flex-start (default) lo Bs) | flex-end center space-around space-between space-evenly @uvais.codes Align Items flex-start flex-end stretch center baseline . ns] | lg a @uvais.codes Align-content flex-start flex-end center space-between space-around stretch @uvais.codes Flex Wrap Flex items will always fit in one row even if content is more. flex wrap is used to allow items to wrap in next line or wrap in reverse direction. Original size Ld no-wrap wrap Wwrap-reverse Turn on post notification Q\ Center the item in the middle of the container Comment the answer below @uvais.codes Save forlater fl

You might also like