Question 1

justify mi align mi?

Accepted Answer

justify-content ana eksende, align-items çapraz eksende çalışır. flex-direction'ı row'dan column'a çevirdiğinde ikisinin görevi yer değiştirir — kafa karışıklığının kaynağı budur.

Question 2

Öğe neden küçülüyor?

Accepted Answer

Flex öğeleri varsayılan olarak küçülebilir (flex-shrink: 1) ve min-width: auto nedeniyle içeriğinden daha dar olamaz. Uzun metin taşırıyorsa min-width: 0 vermek çoğu zaman çözümdür.

Flexbox Denemesi