Layout with Flexbox
Learn CSS Flexbox to create flexible page layouts.
Start
Key Concepts
Review core concepts you need to learn to master this subject
CSS Flexbox
justify-content Property
flex Property
flex-direction Property
align-content Property
flex-grow Property
flex-shrink Property
Css flex-basis property
CSS Flexbox
CSS Flexbox
div {
display: flex;
}
The CSS display: flex property sets an HTML element as a block level flex container which takes the full width of its parent container. Any child elements that reside within the flex container are called flex items.
Flex items change their size and location in response to the size and position of their parent container.
Flexbox
Lesson 1 of 1
What you'll create
Portfolio projects that showcase your new skills
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory
Layout with Flexbox
Start