bugl
bugl
HomeLearnPatternsPathsSearch
HomeLearnPatternsPathsSearch

Loading lesson path

Learn/CSS/Modern Layout
CSS•Modern Layout

CSS Flexbox justify-content

Flash cards

Review the key moves

1/4
Core idea

What is the main idea behind CSS Flexbox justify-content?

Lesson checks

Practice each idea before moving on

Short Mimo-style checks built from this lesson's code, terms, and sequence.

1Quick choice

Which statement best captures the main point of this lesson?

2Order

Put the learning moves in the order that makes the concept easiest to apply.

This property can have one of the following values:
The justify-content property aligns the flex items along the main-axis (horizontally).
CSS justify-content Property

CSS justify-content Property

The justify-content property aligns the flex items along the main-axis (horizontally).

This property can have one of the following values:

  • center
  • flex-start (default)
  • flex-end
  • space-around
  • space-between
  • space-evenly
center
flex-start
flex-end
space-around
space-between
space-evenly

Previous

Responsive Web Design - The Viewport

Next

CSS Grid Tracks