1
Pronto para Testar
Digite seu código no editor ao lado e clique em "Validar Código".
Digite seu código no editor ao lado e clique em "Validar Código".
...
Clique em qualquer fase para carregar seus desafios:
Desenvolva o portal oficial da campanha Novembro Azul para conscientização sobre a saúde do homem. O projeto é direto e prático, exigindo a construção de tabelas com várias linhas e colunas mescladas, cards informativos com Divs, Flexbox e CSS Grid.
portal-novembro-azul/ ├── index.html # Estrutura HTML5 com tabelas e divs └── style.css # Estilização completa com paleta Novembro Azul
thead, tbody, tfoot) com pelo menos 8 linhas de agendamentos e uso obrigatório de colspan e rowspan.border-collapse: collapse;, padding, zebra striping com nth-child, hover e badges de status (Agendado, Realizado, Urgente).| Critério | Descrição | Pontos |
|---|---|---|
| Semântica HTML | Uso correto de tabelas, thead, tbody, tfoot e divs semânticas | 25 pts |
| Mesclagem | Implementação de colspan e rowspan na tabela de exames | 15 pts |
| CSS em Tabelas | border-collapse, zebra striping, hover e alinhamentos | 20 pts |
| CSS em Divs | Box Model, Flexbox ou Grid nos cards de métricas e cuidados | 20 pts |
| Paleta Novembro Azul | Identidade visual em tons de azul, contraste e legibilidade | 15 pts |
| Organização do Código | Código limpo, indentado e semântico | 5 pts |