자꾸 질문드려서 죄송해요... css flex 관련이요!
본문
pc화면에서 정상적으로 출력되는데
모바일 화면으로가면 한쪽으로 쏠려버려요 ㅠㅠ
<style>
.main_board_latest {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
.main_board_latest .latest_box {
width: 70%;
padding: 0 10px;
margin-bottom: 15px;
}
.main_board_latest .latest_box:last-child {width:30%}
.main_board_latest .latest_box .lt_wr {
width: 100%;
}
@media screen and (max-width: 768px) {
.main_board_latest .latest_box, .latest_box:last-child {
width: 100%;
}
</style>
<div class="main_list_latest main_board_latest">
<div class="latest_box latest_wr wow fadeInLeft">
<?php echo latest('theme/slide_thumb', 'notice', 8, 99); ?>
</div>
<div class="latest_box:last-child latest_wr">
<?php echo latest('theme/basic_news', 'free', 4, 99); ?>
</div>
</div>
왜 반응을 안할까요..ㅠㅠ
!-->답변 1
@media screen and (max-width: 768px) {
.main_board_latest .latest_box, .latest_box:last-child {
width: 100%;
}
width:100% !important; 로 해보세요
답변을 작성하시기 전에 로그인 해주세요.