[`23 - `24 동계 모각코] Bit둘기 6회차 개인 리뷰

[ # 6회차 정보 ]

• 2024년 2월 5일 19:00 - 22:00
• Discord 영상 통화로 온라인 스터디 회의 진행

---

[ # 6회차 개인 목표 ]

동아리 홈페이지 게시판 FE - 반응형 게시판 media.css

---

[ # 6회차 개인 활동 내용 ]

/* responsive.css */

@media (max-width: 1000px) {
  .board_wrap {
    width: 100%;
    min-width: 320px;
    padding: 0 30px;
    box-sizing: border-box;
  }

  .board_list .num,
  .board_list .writer,
  .board_list .count {
    display: none;
  }

  .board_list .date {
    width: 40%;
  }

  .board_list .title {
    text-indent: 10px;
  }

  .board_list .top .title {
    text-indent: 0;
  }

  .board_page a {
    width: 26px;
    height: 26px;
  }

  .board_page a.bt {
    padding-top: 5px;
  }

  .board_page a.num {
    padding-top: 5px;
  }

  .board_view .info dl {
    width: 50%;
    padding: 0;
  }

  .board_view .info dl:nth-child(-n+2) {
    margin-bottom: 5px;
  }

  .board_view .info dl::before {
    display: none;
  }

  .board_view .info dt,
  .board_view .info dd {
    font-size: 12px;
  }

  .board_write .title dt,
  .board_write .info dt {
    display: none;
  }

  .board_write .title dd {
    width: 100%;
    box-sizing: border-box;
  }

  .board_write .title input[type="text"] {
    width: 100%;
  }

  .board_write .info dl {
    width: 49%;
  }

  .board_write .info dl:first-child {
    margin-right: 2%;
  }

  .board_write .info dd {
    width: 100%;
  }

  .board_write input[type="text"],
  .board_write input[type="password"] {
    width: 100%;
  }
}