Menu

Base

페이지 링크: https://kilee.craft.me/5LBwqXt1sVTlLE
Page
스크린 사이즈는 max-width: 800px
css
1@media screen and (max-height: 700px) { 
2	margin-bottom: 80px ;
3}
4@media screen and (min-height: 701px) { 
5	margin-bottom: 11.4vh
6}
화면 높이가 700px 를 충족하지 못하는 경우 margin-bottom를 80px 적용 만약 아니라면 11.4vh
css
1@media (min-width: 601px){
2	margin-left: 40px;
3	margin-right: 40px;
4}
5

6@media (min-width: 401px) and (max-width: 600px) {
7	margin-left: calc(20px + (100vw - 400px) / 10);
8	margin-right: calc(20px + (100vw - 400px) / 10);
9}
10

11@media (max-width: 400px) {
12	margin-left: 20px;
13	margin-right: 20px;
14}
화면 margin 설정
Card와 Code의 경우 아래의 margin를 제거하여 좀더 넓은 화면을 제공
css
1margin-left: -10px;
2margin-right: -10px;