Centrum treści

Technika środkowania, która składa się tylko z kilku wierszy kodu CSS, sprawdza się w przypadku wielu elementów, ale daje efekt uboczny, że elementy podrzędne pasują do szerokości najszerszego elementu.

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="content-center">
  <h1>Content Center</h1>
</article>

CSS


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