최근게시물 위젯을 가로 3줄로 넣었는데요..모바일로 봤을때 위젯이

 

1위젯 2위젯 3위젯  이렇게 나옵니다.

 

이것을

 

1위젯

2위젯

3위젯

 

이렇게 나오게 할려면 어떻게 해야 할까요? 그냥 가로로 3줄이 그대로 나오는데 엄청짤립니다..

 

Equeer 레이아웃입니다.

  • ?
    모바일페이지를 따로 만들어서 하나의 위젯가로를100%로 주고 한줄에 한개씩 위젯을 배치시키면 됩니다.
  • ? ?
    감사합니다.
  • ?
    반응형으로 만드시려는거 아닌가요?
    위젯에 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와 클래스 이름은 임의로 했습니다.

  • ? ?
    헉 감사합니다