← Trilha· Lição 7 de 9
Projeto: montando um layout completo
Una sticky header, grid, cards e tema em uma página.
Hora de juntar as peças:
- Header sticky
- Área principal em grid/cards
- Formulário com foco acessível
- Tema com variáveis / dark mode
- Detalhes de camadas: position e z-index
Desafio
No playground de qualquer exemplo, monte uma mini landing: logo, nav, três cards e um formulário. Use o sticky footer se o conteúdo for curto.
Continua
Ainda não acabou: siga para Responsivo moderno e depois Acessibilidade CSS.