[Portfolio 스킨] 16. 모바일 화면에서 본문 너비 넓히기

컴퓨터로만 봐서 몰랐는데 모바일 화면에서 본문 넓이가 굉장히 좁다ㅜㅜ

레터 스킨은 이렇게 좁은 느낌이 없었는데 이 스킨이 좁게 설정이 된 것 같다.

 

이걸 수정하면 무슨 문제가 생기는건지는 아직 모르겠다ㅠㅠ

근데 다른 스킨들 보면 너비가 넓은것도 있고 아닌것도 있으니 괜찮겠지.....

 

적용 모습

 

본문 너비가 넓어졌다!

 

스킨 수정 과정

1. 편집화면으로 들어간다.

• 꾸미기 - 스킨 변경 - 변경 - 스킨 편집 - HTML 편집 - CSS 편집

 

• @media screen and (max-width: 768px) {의 .article_view {에 패딩값을 입력한다. 

/* media query - only mobile */
@media screen and (max-width: 768px) {
  .article_view {
    width: 100%;
    margin-top: 40px;
    padding: 20px 0px 50px 0px !important;
  }
}

 

2. 코드 수정이 끝났다면 적용을 누른다.

 

 

기존 코드

/* media query - only mobile */
@media screen and (max-width: 768px) {
  .article_view {
    width: 100%;
    margin-top: 40px;
  }
}