More than 3 years have passed since last update.

フレックスボックスの解除「要素を縦並びにする」

Posted at 2020-11-30

やりたいこと→要素を横並びから縦並びに置き換えたい

@media(max-width:767px){
 /* 横並び解除 */
 .menu-item{
   display: block;
 }
}

通常時のcss
.menu-item{
display: flex;
}
子要素横並びになる

スマートフォン向けのcss
.menu-item{
display:block;
}
子要素が縦並びになる