Align-items & align-content in flex and grid

It seems like we mostly ever use align-items, but it’s important to know how align-content works as well.

 

Links

✅ The simple example code: https://codepen.io/kevinpowell/pen/gO…

✅ The practical example code: https://codepen.io/kevinpowell/pen/Jj…

 

00:00 – Introduction

00:42 – align-items with flex

02:34 – align-content with flex

08:19 – both of them with grid

09:59 – a practical example of align-content