flex-grow, justiy-content 차이...점

Question

음, flex-grow말고

.menu에서 justify-content: space-around;

로 해도, 동일한 효과가 나옵니다.

어떤 차이가 있는건가요? 어느 방식이 현명(?)한것인지 궁금합니다.

항상 이런 점이 어렵게 느껴집니다.ㅠ

Answer

플렉스 컨테이너에서 justify-content: space-around;를 하면,
아이템들이 늘어나지는 않고 배치만 균일하게 될거에요.
각 아이템에 배경색을 넣어보시면 무슨 이야기인지 아실거에요~

아이템의 너비 자체를 늘리려면 아이템에 flex-grow나 width를 꽉 차게 주면 되고,
아이템의 너비는 그대로 두고 간격만 벌리려면 컨테이너에서 justify-content를 조정해주시면 됩니다.