2026, 새로운 도약을 시작합니다.

space-between 했는데 마지막꺼만 왜 안맞춰지는건지.. 채택완료

홈페이지 메인인데
space-between을 했습니다.
그런데 4개를 하면 마지막 박스가 정렬이 안맞고

5개를 하면 마지막 박스 정렬이 잘 맞게 되네요..

4개를 했을 때도 정렬이 맞게 하려면 어떻게 해야 할까요?ㅜㅜ

[4개일때]

1025970347_1735517437.3795.png

[5개일때]

1025970347_1735517471.2483.png

답변 2개

채택된 답변
+20 포인트

css 를 다음과 같이 변경 해보세요

Copy


#m_bus .list{

display: grid ; justify-content: space-between; width: 50%; grid-template-columns: repeat(2, 1fr); gap: 50px;

}

#m_bus .list li{

width: auto;

}

978180634_1735520199.7067.png

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

감사합니다!

댓글을 작성하려면 로그인이 필요합니다.

1, 3, 5, 7, 9 레이아웃으로 정해져있으니 그대로 쓰셔야합니다. 원하는 데로 잡으실려면 css공부하셔야합니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

어떤것때문에 정해져있는걸까요..?ㅜㅜ4개하고싶은데 풀 수 있는 방법은 없을까요ㅠㅠ
gap을 주니 되네요 감사합니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고