Desafio de HTML e CSS Gratuito da Alura



🖊️ Alexia Silva • 🗓️ 10/07/2025


Participe do desafio gratuito da Alura: 7 dias de HTML e CSS para evoluir no Front-end com projetos reais no GitHub e portfólio!


Desafio Gratuito da Alura: 7 Days of Code com HTML e CSS

Se você está começando no mundo do Front-end ou quer reforçar seus conhecimentos em HTML e CSS com projetos práticos, essa é a oportunidade perfeita: o 7 Days of Code da Alura oferece 7 desafios gratuitos em 7 dias, com o objetivo de te ajudar a criar um projeto real, fortalecer seu portfólio e dominar as principais técnicas de estruturação de páginas web.

O que você vai aprender?

Durante os desafios, você colocará em prática conceitos essenciais do Front-end, como:

  1. Estruturação de páginas
  2. Imagens em linha
  3. Estilização com CSS responsivo
  4. Flexbox e Grid Layout
  5. Alinhamento, cores, tamanhos de fontes e organização visual
  6. Interpretação de layouts no Figma

Você irá desenvolver uma página web completa, aprimorando a habilidade de transformar protótipos em código funcional — algo fundamental para qualquer pessoa que deseje trabalhar com desenvolvimento web.

Quem vai te desafiar?

Os desafios são conduzidos por Giovanna Moeller, desenvolvedora Web e iOS, criadora de conteúdo no Instagram e YouTube sob o nome Girl Coding, que ajuda milhares de pessoas a entrarem na área tech.

Cronograma dos Desafios

Dia 1: Criação do cabeçalho da página com logo, navegação e botões.

Dia 2: Construção da seção “Sobre nós”, com diferentes tamanhos e alinhamentos de texto.

Dia 3: Desenvolvimento da seção “Métricas e Resultados” usando Flexbox/Grid para alinhar os blocos.

Dia 4: Adição de imagens com técnicas de alinhamento e medidas responsivas.

Dia 5: Implementação da seção de “Vagas”, com múltiplos blocos de texto e organização complexa.

Dia 6: Estilização da seção de “Depoimentos”, com foco em background, tipografia e disposição.

Dia 7: Finalização com o rodapé, incluindo formulário de e-mail alinhado e botão funcional.

Por que participar?

  1. Curso 100% gratuito
  2. Aprendizado direto com profissionais do mercado
  3. Criação de projetos para o GitHub e portfólio
  4. Conteúdo prático, voltado para o que o mercado realmente exige
  5. Compartilhamento de resultados nas redes sociais com uma comunidade ativa





🧑‍💻 Tecnologias

  • 🛠️ GitHub
  • 🛠️ HTML
  • 🛠️ CSS
  • 🛠️ Figma
  • 🛠️ Flexbox

💼 Carreiras

  • 📈 Desenvolvedor Front-End
  • 📈 Desenvolvedor Web
  • 📈 Desenvolvedor de Apps
  • 📈 Desenvolvedor de Aplicações Desktop
  • 📈 UI/UX Designer
  • 📈 Web Developer
  • 📈 Web Designer

🏷️ Tags

  • 🔖 desafios
  • 🔖 desenvolvedorfrontend
  • 🔖 frontend
  • 🔖 github
  • 🔖 webdesign
  • 🔖 flexbox
  • 🔖 figma
  • 🔖 desenvolvimentoweb
  • 🔖 grid
  • 🔖 portifolio
  • 🔖 desenvolvedordeapps
  • 🔖 css
  • 🔖 html

⚠️ Importante

Todas as informações apresentadas na página do Guia de TI são de domínio público. Dessa forma, o Guia de TI não se responsabiliza pelos conteúdos, cursos e eventos divulgados. As informações, cursos e eventos são replicados de maneira gratuita e sem qualquer responsabilidade atribuída ao Guia de TI.


Neste site, o Guia de TI atua apenas como um replicador de conteúdos disponíveis na internet, sem infringir a Lei nº 12.965/2014 (Marco Civil da Internet) e isento de responsabilidade sobre a coleta e o tratamento de dados eventualmente solicitados nos conteúdos, cursos e eventos replicados, em conformidade com a Lei nº 13.709/2018 (Lei Geral de Proteção de Dados).