Desafio: 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.css
- Use a propriedade
widthpara definir a largura do elemento. - Use
paddingpara o espaçamento interno. - Use
marginpara criar espaço entre os cartões. - Use
border: 2px solid graypara adicionar a borda. - Use
box-sizing: border-boxpara evitar que o padding e a borda aumentem a largura total.
index.html
index.css
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 1. Capítulo 13
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Seção 1. Capítulo 13