programandoai

Exercício: ajustar espaçamentos de um card quebrado

Um cartão sem respiro nenhum entre o texto e a borda. Conserte com padding e margin.

Estudar esta lição interativa →

O cartão no CSS do editor está com margin: 0 e padding: 0, colado em tudo ao redor. Ajuste para um padding de pelo menos 16px e um margin de pelo menos 16px.

.card precisa de padding e margin de pelo menos 16px cada, nos quatro lados (em cima, embaixo, à esquerda e à direita).
.card{
  background:#f8fafc;
  border: 1px solid #cbd5e1;
  width: 400px;
  margin: 0;
  padding: 0;
}

🧩 Este é um exercício com correção automática — abra no app para completá-lo e verificar.

← Voltar ao índice do curso