İçerik Merkezi

Yalnızca birkaç CSS satırından oluşan bir ortalama tekniği birçok öğe için işe yarar, ancak alt öğeleri en geniş öğenin genişliğine uygun hale getirme gibi bir yan etkiye sahiptir.

Bu teknik ve ne zaman etkili olduğu hakkında çok daha fazla ayrıntı için makalenin tamamını okuyun.

Makalenin tamamı · Video YouTube'da · Kaynak GitHub

HTML

<article class="content-center">
  <h1>Content Center</h1>
</article>

CSS


        .content-center {
  display: grid;
  place-content: center;
  gap: 1ch;
}