Belajar FlexBox Interaktif

Nextjs, TailwindCSS, Typescript, FramerMotion

1
2
3
4
5

Jumlah Kotak

Pilih jumlah kotak 1 - 25.

Justify Content

item di awal kiri

Align Items

item memenuhi container

Align Content

baris di bagian atas

Flex Direction

item horizontal (kiri ke kanan)

Flex Wrap

Item tetap satu baris

CSS Saat Ini

.container {
                  display: flex;
                  justify-content: flex-start;
                  align-items: stretch;
                  align-content: flex-start;
                  flex-direction: row;
                  flex-wrap: nowrap;
                }