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

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

QA

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

답변 2

본문

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

https://sir.kr/qa/299304

 

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

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

 

아래는 답변 내용 입니다

media 480px에서

row base 의 inline 속성을 제거하고

.row {

width: 100%

margin-left: auto;

margin-right: auto;

}

해보세요

 

 

 

이 질문에 댓글 쓰기 :

답변 2

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

 

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

 

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

 

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

 

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

 

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

 

 

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

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

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 27
© SIRSOFT
현재 페이지 제일 처음으로