본문 바로가기
  • purple-whale
반응형 웹사이트/Shilla Hotel

width≤639px

by purple-whale 2021. 1. 26.

 

 

@media screen and (max-width:639px){
    h1 {
        height: 60px;
    }
    .nav-utill {
        display: none;
    }
    .nav-depth1 {
        width: 90%;
        padding: 10px 0;
    }
    .container {
        // 변수 재설정
        $h : 130px;
        article {
            height: $h;
            &:nth-child(1) {
                height: $h*2;
            }
            &:nth-child(n+2) {
                height: $h;
            }
        }
    }
}

.nav-utill을 숨겨주고

.container의 높이 변수를 변경합니다.

댓글