Nazik Flex

Süreç boyunca içeriğin boyutunu değiştirmeyen ve yalnızca içeriği hizalayan bir ortalama tekniğidir.

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="gentle-flex">
  <h1>Gentle Flex</h1>
</article>

CSS


        .gentle-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1ch;
}