CSS: Flexbox
CSS içinde Flexbox konusunu örneklerle öğren.
CSS — Flexbox
Genel Bakış
Flexbox, öğeleri satır/sütunda hizalamak için kullanılır.
Öğreneceklerin
- display:flex
- justify-content
- align-items
- gap
- flex:1
Sözdizimi
.wrap{ display:flex; }
Örnek
.wrap{ display:flex; gap:12px; }
.box{ flex:1; padding:16px; border:1px solid #e5e7eb; border-radius:14px; text-align:center; }
Notlar
- Boşluk için gap kullan.
- flex:1 alanı eşit böler.
Kendin Dene: Playground aç: /tr/playground/html