테스트 사이트 - 개발 중인 베타 버전입니다

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

스피아민트 6년 전 조회 2,543

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

https://sir.kr/qa/299304">https://sir.kr/qa/299304

 

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

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

 

아래는 답변 내용 입니다

media 480px에서

row base 의 inline 속성을 제거하고

.row {

width: 100%

margin-left: auto;

margin-right: auto;

}

해보세요

 

 

 

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

답변 2개

채택된 답변
+20 포인트
6년 전

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

 

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

 

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

 

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

 

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

 

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

 

 

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

답변에 대한 댓글 1개

스피아민트
6년 전
마젠토님 감사해요 고맙습니다

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

s
sinbi Expert
6년 전

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

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

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

답변에 대한 댓글 1개

스피아민트
6년 전
신비님 감사해요 덕분에 많이 알게 됬네요

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

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

로그인