Suggest an editImprove this articleRefine the answer for “What does the justify-content property do?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**`justify-content`** aligns flex items along the main axis (that is, along the direction of `flex-direction`) inside the flex container, using values like `flex-start`, `flex-end`, `center`, `space-between`, `space-around`, and `space-evenly`. **Key point:** the main axis is set via `flex-direction`, and `justify-content` distributes elements along it.Shown above the full answer for quick recall.Answer (EN)Image`justify-content` aligns flex items **along the main axis** (that is, along the direction of `flex-direction`) inside the flex container. Main values: ```javascript justify-content: flex-start; /* push items to the start of the main axis */ justify-content: flex-end; /* push to the end */ justify-content: center; /* center */ justify-content: space-between;/* equal spacing between items, no spacing at the edges */ justify-content: space-around; /* equal spacing around each item */ justify-content: space-evenly; /* equal spacing between items and the container edges */ ``` The main axis is set via `flex-direction`, and `justify-content` distributes elements along it.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.