반응형
.gnb > ul > li > a {
position: relative;
display: block;
width: 100%;
font-size: 22px;
line-height: 80px;
color: #ffffff;
text-align: center;
font-weight: 500;
}
.sub_menu ul li a {
display: block;
width: 100%;
text-align: center;
font-size: 15px;
line-height: 35px;
color: #756161;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
.gnb > ul > li > a {
font-size: 16px;
}
.sub_menu ul li a {
font-size: 12px;
}
}
반응형
'html, css' 카테고리의 다른 글
css display: block(div p form ol ul h1~6 table...) vs inline(span a img button input...) (0) | 2022.08.04 |
---|---|
css overflow: visible(default),hidden, scroll, auto (0) | 2022.08.03 |
마우스 포커스 못 가게 막는 법: <input readonly={true}(봐서는 모르고 포커스해봐야앎) disabled(딱보면 비활성화) (0) | 2022.08.01 |
css (0) | 2020.05.27 |
Sass(Syntactically Awesome StyleSheets) (0) | 2020.03.04 |