채택완료

이 소스 코드는 어떻게 어디를 어떻게 수정해야 하나요

2019-04-08 (월) 11:01:20 2,764

답변은 잇는데 정확히 알지를 못해서요 아래는 질문내용 입니다

https://sir.kr/qa/299304

모바일 메인화면이 한쪽으로 쏠리네요 어디를 수정해야 할까요 ...

소스 코드좀 알으켜 주세요 ..정확히 어디를 수정해야 할까요 ?

아래는 답변 내용 입니다

media 480px에서

row base 의 inline 속성을 제거하고

.row {

width: 100%

margin-left: auto;

margin-right: auto;

}

해보세요

|

답변 2개 / 댓글 2개

채택된 답변
+20 포인트

CSS를 디버깅하는 방법은 구글 디벨로퍼를 사용하는 것입니다.

메인 화면에서 그림이 제대로 자리를 못잡은 것 같습니다.

그림을 우클릭해서 inspect를 해서 보시면, 

어떤 것이 어떻게 자리 잡고 있는지 볼수 있습니다.

featured-pic위로 마우스를 올려 보시면 그림 자체가 왼쪽으로 치우쳐 자리잡고 있는 것을 볼 수 있습니다.

그러면 li, ul 순으로 올라가다 보면 row_base가 있는 div에서 margin-left = -20px를 주다 보니 왼쪽으로 치우친것 같습니다.

답변에 대한 댓글 1개

2019-04-08 (월) 14:29:14
마젠토님 감사해요 고맙습니다

정확한 소스 수정은 다음 분이 해주실 것 같고.

https://homzzang.com/b/css-256  0번 참고해 작업해 보세요.

답변에 대한 댓글 1개

2019-04-08 (월) 14:28:32
신비님 감사해요 덕분에 많이 알게 됬네요

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