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

639<width≤779px

by purple-whale 2021. 1. 26.

@media screen and (max-width:779px){
    // 변수 재선언
    .container {
        $w : 50%;
        article {
            width: $w;
            &:nth-child(1) { 
                width:$w*2;
            }
            &:nth-child(2) { 
                width:$w*2;
            }
            &:nth-child(n+3) { 
                width:$w;
            }
        }
    }
}

 

가로 2칸 설정을 위해 변수를 50%로 변경 합니다.

댓글