CSS css

Centralizar conteúdo com CSS Grid

A forma curta de centralizar um elemento horizontal e verticalmente, sem posicionamento absoluto.

Código 
.conteudo-centralizado {
  display: grid;
  place-items: center;
  min-height: 60vh;
  padding: 1.5rem;
}

Quando usar

É útil em telas vazias, estados de carregamento, caixas de confirmação e áreas hero que precisam ocupar uma altura mínima.

Como adaptar ao seu projeto

Aplique a classe ao contêiner pai. Troque min-height por uma dimensão compatível com o seu layout.

Antes de publicar

Em páginas com muito conteúdo, não fixe a altura em 100vh: isso pode cortar elementos em telas pequenas. Prefira min-height.

Códigos relacionados

CSS

Grade de cards responsiva sem media query

Uma grade fluida que cria tantas colunas quanto couberem e reorganiza os cards automaticamente.

 CSS

Limitar texto a duas ou três linhas com CSS

Recorte visual para resumos de cards, preservando o texto completo no HTML.

 Git

.gitignore para um projeto web

Base conservadora que evita versionar dependências, segredos locais, logs e arquivos gerados.