CSS — Grid

Genel Bakış

CSS Grid iki boyutlu yerleşim sistemidir (satır + sütun).

Öğreneceklerin

• grid-template-columns
• gap
• auto-fit/minmax
• hizalama

Sözdizimi

.grid{ display:grid; grid-template-columns: repeat(3, 1fr); }

Örnek

.grid{ display:grid; gap:12px; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.card{ padding:14px; border:1px solid #e5e7eb; border-radius:16px; }

Notlar

• Sayfa düzeni için iyi.
• auto-fit + minmax responsive yapar.

  Kendin Dene: Playground aç: /tr/playground/html