Esse site é a resolução de um desafio front-end elaborado pelo Frontend Mentor. Na qual o intuito do projeto é desenvolver o site responsivo utilizando qualquer tecnologia com base no design proposto.
- Link de acesso: https://gustavosachetto.site/huddle
Este projeto foi criado com intuito de aprender boas práticas do HTML e CSS.
- Tags semânticas (header, main, footer)
- Links internos e externos (a href)
- Importação de vídeo (iframe)
- Importação de fontes (Google Fonts)
- Imagem dinâmica
- Hierarquia de títulos (h1, h2, h3...)
- Lista desordenada (ul)
- Declaração de variáveis
- Principais seletores
- Pseudo-classes
- Pseudo-elementos
- Customização de botões
- Flexibilidade do código
- Importação dos layouts
- Layout flexbox
- Reset styles padrão do navegador
- Importando fontes com segurança
- Responsividade
Seu desafio é criar esta landing page e fazer com que ela tenha a aparência mais próxima possível do design.
Você pode usar qualquer ferramenta que quiser para ajudar a completar o desafio. Então, se você tem algo que gostaria de praticar, sinta-se à vontade para tentar.
Seus usuários devem ser capazes de:
- Veja o layout ideal para o site dependendo do tamanho da tela do seu dispositivo
- Veja os estados de foco para todos os elementos interativos na página