Flex Lembut

Teknik pemusatan yang hanya menyelaraskan konten dan tidak mengubah ukurannya selama proses berlangsung.

Lihat artikel lengkap untuk detail selengkapnya tentang teknik ini dan kapan teknik ini efisien.

Artikel lengkap · Video di YouTube · Sumber di 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;
}