카카오톡 화면을 직접 만들어보면서 공부중인데 다음 화면을 구성할 때 지금 고뇌에 빠졌음

바로 이 화면인데, 일단 저걸 보는 그대로 구성하는 방법은

- 저 화면 너비에 맞게 요소들의 너비를 저 화면의 25%로 설정한다.

이거잖음?


근데 나는 저거를 화면을 늘렸을 때는 늘어난 화면 너비만큼 저 요소들이 한 줄로 배치됐으면 좋겠음

또 줄어들면 여러 줄로 배치되면서 맨 마지막 요소들은 왼쪽 정렬을 해주었으면 좋겠단 말임?


그래서 각 요소들의 너비를 화면의 25% 정도 너비가 되는 고정값을 주고, justify-contents: start; 로 해봤는데

마지막 줄 요소는 왼쪽 정렬이 되는데 위쪽 줄이 양쪽 정렬이 안되더라고. 애매하게 오른쪽 마진이 더 커버림


그렇다고 justify-contents: space-between; 을 해버리면 마지막 줄 요소들 또한 양쪽 정렬이 돼버려서 원하는 결과가 안나옴

이렇게


물어보고 싶은 건 이거임

화면을 넓혔다 줄였다 했을 때 위쪽 줄들은 양쪽정렬이 되게, 마지막 줄은 왼쪽 정렬이 되게 (마진은 동일하게) 하려면 어떻게 해야 함?? 불가능한가??

검색을 해봐도 저거를 딱 설명해주지는 않더라고..