display:flex를 이용해서 list를 정렬할때....

21.09.07 00:58 작성 조회수 175

앞에서도 여러번 나왔었는데도 잘 이해가 가질 않습니다.

.sec5_list {display:flex;margin:0 -30px}

을 주셨는데 maring:0 -30px;을 주는 이유에 대해 잘 모르겠습니다.

조금 더 자세히 설명해주시면 감사하겠습니다.

XD UI 디자인 + Clone Coding 인터렉티브 반응형웹 포트폴리오!

final prototype / css layout 작성하기

강의실 바로가기

답변 1

답변을 작성해보세요.

LIZ.B

2021.09.07

네 그 이유는 전체 박스에서 -30만큼을 빼주고 안에 있는 자식 오소에서는 margin-left를 30을 주게되면
전체적으로 보면 가운데 정렬이 되는거예요.
다른 방법으로 보자면 ul은

이렇게 하구요.
li한테

.sec03_list li + li{

 margin-left: 33px;