본문 좌,우 여백 조정하기

본문 좌우여백 조정하기

• 기본적으로 본문 좌우 여백이 15px로 설정되어 있다.이것을 20px로 변경해 본다
• style.css에서 .skeleton-content 을 검색한다 /* style ------*/ 아래에 있는 .skeleton-content이다
• 아래와 같이 padding:0px 20px을 추가해 준다

 

변경후 CSS

 

 

모바일에서 좌우여백 조정하기

• 모바일 에서는 오히려 여백을 줄여주어야 한다
• @media screen and (max-width: 767px)을 검색한다
• 그 아래의 .skeleton-content {에 padding:0px 10px를 추가해 준다

 

변경후 CSS

 

참고사이트 : 마크쿼리커뮤니티

다운로드 :본문좌우여백조정.txt