How to align an element to the bottom with flexbox with CSS?

Spread the love

To align an element to the bottom with flexbox with CSS, we set the flex-grow property.

For instance, we write

p {
  flex-grow: 1;
}

to make the p element fill all available space with flex-grow: 1;.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.