Delikatny fleks

Technika środkowania, która pozwala jedynie dopasować treści i nie zmieniać ich rozmiaru w trakcie całego procesu.

W pełnym artykule znajdziesz więcej informacji o tej metodzie oraz o tym, kiedy jest ona skuteczna.

Pełny artykuł · Film w YouTube · Źródło: 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;
}