모바일 시 틀 간격 조절이 안됩니다. 채택완료
1번은 css 코드에서 5px 로 설정이 잘 되는데 2번에서는 적용이 안되고 있어 문의 드립니다.
221번 코드에서 수정을 하는대도 적용이 안되네요... 어딜 또 수정해야할까요?
Copy
@media screen and (max-width: 480px) {
.main_visual { height: auto; min-height: 100vh; }
.main_visual .container { height: auto; min-height: 100vh; padding-bottom: 20px; }
.main_visual .column:first-child { border-top: 0; }
.main_visual .column { min-height: auto; height: auto; padding: 30px 0; border-top:1px solid rgba(255, 255, 255, .4)}
.main_visual .boxcon_inner { padding: 0 15px; }
.main_visual .title strong span { font-size: 28px; }
.main_visual .title p { font-size: 16px; }
.main_visual .tit strong{ font-size: 30px; margin: 0 0 30px;}
.main_visual .cont > ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.main_visual .cont > ul > li { width: calc(50% - 5px); margin: 0 0 10px; }
.main_visual .cont > ul > li > a { font-size: 16px; height: 50px; line-height: 48px; }
.main_visual .inner { height: auto; }
.main_visual .boxcon .inner { top: 0; transform: none; -webkit-transform: none; }
}
답변 1개
채택된 답변
+20 포인트
2주 전
/theme/sampl134/css/layout.css line 221
Copy
@media screen and (max-width: 480px) {
.main_visual .cont > ul > li {
/* width: calc(50% - 5px); */
/* margin: 0 0 10px; */
}
}
로그인 후 평가할 수 있습니다
답변에 대한 댓글 6개
n
nanase
2주 전
�
2주 전
/theme/sampl134/css/layout.css
에서 라인 221 즈음에 보시면
@media screen and (max-width: 480px) {
.main_visual .cont > ul > li {
width: calc(50% - 5px);
margin: 0 0 10px;
}
}
이렇게 되어 있는 부분을 수정하라는 것입니다.
에서 라인 221 즈음에 보시면
@media screen and (max-width: 480px) {
.main_visual .cont > ul > li {
width: calc(50% - 5px);
margin: 0 0 10px;
}
}
이렇게 되어 있는 부분을 수정하라는 것입니다.
n
nanase
2주 전
네 그 소스에 라인 221즘에서 수정하고 있는데 버튼 3개는 적용이 되는데 4번째 박스가 적용이 안되고 있어서 문의 남긴거에요 index 파일에서 li 코드가 3개였는데 1나 그냥 더 복사 붙이기 했었거든요....
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
.main_visual .cont > ul > li { /* width: calc(50% - 5px); */ /*margin: 0 0 10px; */ }
이렇게 넣으면 될까요?