CSS Grid'de fr birimi, auto-fill ve auto-fit nedir?

• fr: kalan boş alanın bir payı. 1fr 2fr ikinci sütuna iki kat alan verir.
• repeat(auto-fill, minmax(200px, 1fr)): sığabildiği kadar sütun oluşturur; eleman az olsa bile boş sütunlar yerini korur.
• repeat(auto-fit, minmax(200px, 1fr)): aynısını yapar ama boş sütunları daraltır, mevcut elemanlar genişleyip satırı doldurur.

.galeri {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

.sayfa {
  display: grid;
  grid-template-areas:
    "ust ust"
    "yan icerik";
  grid-template-columns: 240px 1fr;
}