Neste desafio você irá desenvolver uma homepage para um blog.
- Nível de dificuldade: Intermediário
- Tecnologias: html, css
1 - Use o link do Figma como base para o projeto. Também disponibilizamos para download todos os assets necessários (imagens e ícones), para fazer o download basta clicar no link acima.
2 - Leia com atenção todas as instruções do desafio.
3 - Bora codar! Lembre-se que você pode usar as tecnologias que se sentir mais confortável, mas também pode se desafiar usando novas techs, fazendo modificações e/ou adicionando funcionalidades no projeto como preferir. 🚀
4 - Compartilhe seu resultado ou tire suas dúvidas na nossa comunidade aberta
- O guia estelar de HTML
- O guia estelar de CSS
- Posicionando foguetes
- Formulários de outro planeta
- Alinhando os planetas
- App bonito, até nos textos
- https://css-tricks.com/snippets/css/a-guide-to-flexbox/
- https://css-tricks.com/snippets/css/complete-guide-grid/
Você pode visualizar o template do projeto no Figma. Neste desafio você vai desenvolver uma homepage para um blog.
✅ Requisitos para o desafio:
- estrutura do html
- header
- container
- destaques
- posts
- seção rodá
- responsividade
- responsividade das imagens
- funcionalidade search
- perfect pixel
:root {
--purple-bg: #290742;
--dark-bg: #170027;
--button-bg: #9e6dc2;
--white: #fff;
--light-purple: #fbf6ff;
--green: #4fff4b;
}- inserir as variáveis de Google Fonts
- font-family: Poppins. Font Weight: 700
- font-family: Roboto. Font Weight: 400 e 700
A ideia é dominar o processo e o fluxo de desenvolver projetos e por isso, listados e descritos as tarefas em readme.
- Organizando os detalhes do projeto no readme.md
- Uma branch main e uma developer, uma branch para cada tarefa
- Favicon
- Desktop
- Mobile
Feito com ❤️ por Douglas A B Novato. 👋🏽 Entre em contato!
Fonte do projeto na Rocketseat. 👋 Participe da comunidade aberta!