【初歩】CSSでFlexboxをつかいたいときの宣言

必ず、CSS classごとに、display: flex; というpropertyを忘れないように。

これはHTMLでいう開始タグみたいなもので、

この宣言をしないと、flexboxは効かない。

参考までに自分のCSSで解説すると、
赤字をぬかして青字だけ書いてました。

.container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 400px;
}

img{
width: 272px;
padding-top: 109px;
height: auto;
}

.box {
width: 420px;
height: 34px;
}

body {
width: 100%;
text-alighn: center;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: center;
}

自分はこれに気がつくに5時間くらいかかりました・・