Layout with Flexbox
Learn CSS Flexbox to create flexible page layouts.
StartKey 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