Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Desafio: Corrigir um Layout Quebrado | Seção
Fundamentos de CSS

bookDesafio: Corrigir um Layout Quebrado

Deslize para mostrar o menu

Você tem três cartões. Atualize o layout seguindo os requisitos abaixo. Cada cartão deve:

  • Ter uma largura de 200px.
  • Ter espaçamento interno de 20px.
  • Ter 15px de espaço entre os cartões.
  • Ter uma borda com 2 pixels de largura, estilo sólido e cor cinza.
  • Manter a largura declarada inalterada mesmo após adicionar padding e borda.
index.html

index.html

index.css

index.css

copy
  • Use a propriedade width para definir a largura do elemento.
  • Use padding para o espaçamento interno.
  • Use margin para criar espaço entre os cartões.
  • Use border: 2px solid gray para adicionar a borda.
  • Use box-sizing: border-box para evitar que o padding e a borda aumentem a largura total.
index.html

index.html

index.css

index.css

copy
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 13

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Seção 1. Capítulo 13
some-alt