css: floatでカラム変更を行わない方法【2021最新】

Flexboxとは

cssで横並びのレイアウト変更は今まではfloatを使うことが多かったのですが、Flexbox

参考サイト

勉強サイト

  //フレックス
  display: flex

  flex-direction: column          //たて表示
  flex-direction: row             //よこ表示

  justify-content: start          //左寄せ
  justify-content: center         //真ん中寄せ
  justify-content: end            //末尾寄せ
  justify-content: space-between  //真ん中寄せ
  justify-content: space-around   //真ん中寄せ