Para cada tarefa, crie classes separadas em style.css e aplique-as nas tags corretas.
📌 Estrutura de arquivos: index.html + style.css
Reproduza este bloco:
200px200px#3498dbReproduza estes dois blocos:
#e74c3c#2ecc71Reproduza os blocos aninhados:
#f39c12#8e44adReproduza três blocos aninhados:
#1abc9c#e67e22#c0392bReproduza um bloco com dois blocos filhos dentro:
#2c3e50#f1c40f#e91e63Reproduza blocos de alturas diferentes em coluna:
#9b59b6#27ae60#e74c3cReproduza quatro níveis de aninhamento:
#ecf0f1#bdc3c7#95a5a6#7f8c8dReproduza um bloco com duas colunas dentro:
#34495e#e74c3c#f39c12#2ecc71Reproduza um bloco com largura percentual:
#16a085#d35400Crie o seu próprio! Faça pelo menos 3 blocos aninhados com as classes .box-outer, .box-middle,
.box-inner.
#6c5ce7#00cec9#fd79a8
📌 Importante:
Cada classe é escrita separadamente em style.css.
Use apenas HTML e CSS.
Pratique as propriedades:
width,
height,
background.