@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의 높이 변수를 변경합니다.
'반응형 웹사이트 > Shilla Hotel' 카테고리의 다른 글
애니메이션으로 텍스트가 순서대로 올라오는 효과내기 (0) | 2021.01.27 |
---|---|
가상클래스로 마우스오버시 불켜지는 효과 내기 (0) | 2021.01.27 |
639<width≤779px (0) | 2021.01.26 |
779px <width ≤1023px (0) | 2021.01.26 |
1280px < width ≤ 1599px (0) | 2021.01.26 |
댓글