css 로 모바일 반응형으로 만들기

/* 모바일 */
@media (max-width: 1000px) {


  /* 사이드바 */
  #sidebar {
    width: 100%;
    position: initial;
    padding-top: 5vw;
  }
  .profile_img {
    width: 2rem;
  }
  .search, .link {
    display: none;
  }
  /* 사이드바 */
  /* 본문 */
  #contentWrap {
    width: 100%;
    margin: 0;
    padding-left: 1vw;
  }
  #content .list_content {
    width: 80%;
    margin-bottom: 15px;
    margin-left: 9vw;
  }
  #detail_page {
    width: 100%;
  }
  #detail_page .article{
    width: 95vw;
    padding: 15px 15px 15px 15px;


  }
  #detail_page .commentWrite {
    width: 95vw;
  }
  #detail_page .area_related .list_related li {
    width: 45%;
  }
  /* 본문 */
  /* 페이지 넘기기 */
  #container .paging {
    width: 100%;
    margin-left: 0;
  }
  #container .non-paging {
    width: 100%;
    margin-left: 0;
  }
  /* 페이지 넘기기 */
}