Learn CSS / Flexbox & CSS Grid

Flexbox: align items

Access full course

Ready-to-use code

Align-items

See the Pen Flexbox / Align-items / Flexbox & CSS Grid workshop by In a Rocket (@inarocket)on CodePen.

Align-self

See the Pen Flexbox / Align-self / Flexbox & CSS Grid workshop by In a Rocket (@inarocket)on CodePen.

What you have learned

  • How to align flex items in the cross axis of the current line of the flex container.
  • How to use align-self to override default alignment for individual flex items.

References

Newsletter

  • Free Stuff. Exclusive access to new courses, latest news and free resources.
  • No spam. Just real content that's meant to make a difference.