<aside> 💡 여기에서는 FlexBox를 적용하다가 막히는 부분들에 있어서 정리를 해보려고 한다.

</aside>

💡align-items나 justify-contents가 제대로 작동되지 않는 경우

1. 우선, 해당 css를 적용하는 태그가 items나 contents를 감싸고 있는 부모태그인지 확인한다.
2. align-items를 적용하려면 (align-items를 작성한 태그의 )부모태그에 height가 필요하고
3. **justify-contents를 적용하려면 width가 필요하다.

→ 즉, 이럴 경우, 콘솔로 html element를 다 확인하면서 하나씩 width, height가 먹혀 있는지 확인하는게 필요하다.**

💡QA templetes

1. 우선, 해당 css를 적용하는 태그가 items나 contents를 감싸고 있는 부모태그인지 확인한다.
2. align-items를 적용하려면 (align-items를 작성한 태그의 )부모태그에 height가 필요하고
3. **justify-contents를 적용하려면 width가 필요하다.

→ 즉, 이럴 경우, 콘솔로 html element를 다 확인하면서 하나씩 width, height가 먹혀 있는지 확인하는게 필요하다.**