Exercícios de HTML e CSS
Motivos para não ficar overthinking️
No fim tudo dá certo, e se não deu certo é porque ainda não chegou ao fim.
- Fernando Sabino
Clique Aqui
Livros para quem pensa demais
Nem tudo é sobre fracasso
"Todo fracasso traz consigo a semente de um sucesso equivalente ou maior"
- Napoleon Hill
O Bloco com Sombra 3D
Bloco 200x200px com borda dupla e efeito de sombra 3D.
Resetando Margens e Bordas
Este é um parágrafo com margem e padding resetados (0) e largura de 400px. A borda também foi removida.
- Item 1 (lista)
- Item 2 (lista)
- Item 3 (lista)
O Círculo Perfeito
A Borda 4x
Este é um elemento de citação com borda esquerda sólida e inferior pontilhada.
O Card com Sombra Interna
Sombra interna (inset) com margem superior de 50px.
Layout de Duas Colunas (Apenas com Largura)
Coluna 1 (30%)
Esta coluna tem 30% da largura total do container pai, com padding, borda e altura fixa.
Coluna 2 (70%)
Esta coluna tem 70% da largura total, com padding, borda e altura fixa. Ambas usam `float: left;`.
