0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

Posted at

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

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

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

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

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?