Plataforma FrontEnd - Desafios módulo 1

Selecione um dos desafios para ser realizado com a turma

Onde achar os materiais necessários

Sua tarefa é criar o projeto do design que contém dentro da pasta /design. Nela você vai encontrar o design tanto na versão desktop quanto na mobile. Os designs estão no formato JPG. Isso significa que você terá que a liberdade para estimar valores para os estilos como font-size, padding e margin. Você vai encontrar todos as imagens já otimizadas dentr da pasta /images. Há também um arquivo style-guide.md contendo todas as informações necessárias, como palheta de cores e fonts.
Construindo seu projeto

Sinta-se livre para seguir qualquer processo de desenvolvimento que você se sentir confortável. Abaixo está o processo sugerido, mas você não precisa seguir esses passos caso não queira.

Analise os designs para começar a planejar como você abordará o projeto. Esta etapa é crucial para ajuda-lo a pensar no futuro para que as classes CSS criem estilos reutilizáveis.
Antes de adicionar qualquer estilo, estruture seu conteúdo com HTML. Escrever seu HTML primeiro pode ajudar a focar sua atenção na criação de conteúdo bem estruturado.
Escreva os estilos básicos para o seu projeto, incluindo estilos de conteúdo gerais, como font-family e font-size.
Comece a adicionar estilos ao topo da página e trabalhe para baixo. Apenas passe para a próxima seção quando estiver satisfeito por ter concluído a área em que está trabalhando.