30px;}STEP01では、基本的なHTML構図になります。文章、画像の順で並べています。space-between;}STEP02では、親要素にCSSを記述します。親要素をflexコンテナに変換します。子要素がコンテナの幅を超えたときに、次の行に折り返します。子要素の間隔を均等に割り当て、両端の要素はコンテナの端につきます。row-reverse;}STEP03では、偶数の要素にCSSを記述します。偶数のみにCSSを適用させます。表示方向を右から左に反転させます。まとめflexboxを使うと、画像を左右交互に配置するような複雑なレイアウトも、シンプルなCSSで実現できます。flex-directionといったプロパティを組み合わせることで、様々なレイアウトをデザインすることができます。POINT画像を左右交互にする際には、flexboxで指定するようにしましょう。偶数のみにCSSを適用させます。表示方向を右から左に反転させます。上記の2点が重要になってきます。自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。趣味:サッカー観戦、ゲーム、映画、漫画基本インドアです!笑つくる、しあわせをテーマとして主にWEBに関する様々な情報を発信しています。自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。