최근게시물 위젯을 가로 3줄로 넣었는데요..모바일로 봤을때 위젯이
1위젯 2위젯 3위젯 이렇게 나옵니다.
이것을
1위젯
2위젯
3위젯
이렇게 나오게 할려면 어떻게 해야 할까요? 그냥 가로로 3줄이 그대로 나오는데 엄청짤립니다..
Equeer 레이아웃입니다.
최근게시물 위젯을 가로 3줄로 넣었는데요..모바일로 봤을때 위젯이
1위젯 2위젯 3위젯 이렇게 나옵니다.
이것을
1위젯
2위젯
3위젯
이렇게 나오게 할려면 어떻게 해야 할까요? 그냥 가로로 3줄이 그대로 나오는데 엄청짤립니다..
Equeer 레이아웃입니다.
댓글 6
위젯에 class 주고 좁은 화면일 때 width를 100% 주시면 돼요
<div class="m-100">위젯1</div>
<div class="m-100">위젯2</div>
<div class="m-100">위젯3</div>
<style>
@media screen and (max-width: 640px){
.m-100 {
width: 100%;
}
}
</style>
max-width와 클래스 이름은 임의로 했습니다.