What CSS property does the value flex-end belong to and when would you use it?

Experience Level: Junior
Tags: CSSFlexbox

Answer

The value flex-end can be assigned to a CSS property justify-content or align-content.

The combination of justify-content: flex-end will move the flex items to the end of the main axis. You usually use it to align the horizontally flowing items to right or vertically flowing items to bottom.

The combination of align-content: flex-end will move the flex items to the end of the secondary (perpendicular) axis. You usually use it to align horizontally flowing items to bottom or vertically flowing items to right.

CSS

div {
  display: flex;
  justify-content: flex-end;
  align-content: flex-end;
}

Comments

No Comments Yet.
Be the first to tell us what you think.
Flexbox
Flexbox

Are you learning Flexbox ? Try our test we designed to help you progress faster.

Test yourself
25 Flexbox questions that will help you to nail your job interview
25 Flexbox questions that will help you to nail your job interview

Are you learning Flexbox ? Try our test we designed to help you progress faster.

Test yourself