Centro contenuti

Una tecnica di centratura che prevede solo poche righe di CSS è ideale per molti elementi, ma ha l'effetto collaterale di far corrispondere i bambini alla larghezza dell'elemento più grande.

Consulta l'articolo completo per maggiori dettagli su questa tecnica e quando è efficiente.

Articolo completo · Video su YouTube · Fonte su GitHub

HTML

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

CSS


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