Flexboxビジュアル学習ツール — プロパティをリアルタイムで変更してレイアウトの変化を確認できます

flex-direction row
justify-content flex-start
align-items stretch
flex-wrap nowrap
gap 8px
8px
アイテム数
4
プレビュー
.container {
  display: flex;
  flex-direction: row;
   justify-content: flex-start;
   align-items: stretch;
   flex-wrap: nowrap;
   gap: 8px;
 }