왜 align-items가 동작하지 않는가?

 

노마드 코더를 복습하면서, 

css flex강의를 연습하는데,

 

아니아니아니!!

 

왜 display: flex; 값도 주고

justify-content: 값도 움직이는데

 

왜 align-items는 동작하지 않는가.. 

 

 

 

이래저래 생각을 해보니,

 

아하.. flex로 디스플레이 되기 때문에

세로값이 정확히 주어져야 동작을 하는 것 같다.

 

그래서 height: 100%;를 적어보았더니

 

바로 동작!