親要素の中に子要素を綺麗に並べたい。
１段ではなく、２段にして並べる方法は何かないだろうか。
青いボックスを動かしてみる。
親要素に
display: flex;
justify-content: center;
を加える。
さらに、
flex-wrap: wrap;
を加えると、綺麗に並べることができた。
More than 3 years have passed since last update.
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme