음, flex-grow말고&nbsp;
.menu에서 justify-content: space-around;
로 해도, 동일한 효과가 나옵니다.

어떤 차이가 있는건가요? 어느 방식이 현명(?)한것인지 궁금합니다.
항상 이런 점이 어렵게 느껴집니다.ㅠ

<span style="color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, system-ui, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px; background-color: #ffffff;">플렉스 컨테이너에서 justify-content: space-around;를 하면, 아이템들이 늘어나지는 않고 배치만 균일하게 될거에요. 각 아이템에 배경색을 넣어보시면 무슨 이야기인지 아실거에요~
아이템의 너비 자체를 늘리려면 아이템에 flex-grow나&nbsp; width를 꽉 차게 주면 되고, 아이템의 너비는 그대로 두고 간격만 벌리려면 컨테이너에서 justify-content를 조정해주시면 됩니다.

인프런 커뮤니티 질문&답변

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