Esta é uma solução para o desafio Workit landing page do site Frontend Mentor.
Os usuarios devem ser capazes de:
- Ver o layout ideal para a interface, independente do tamanho da tela do seu dispositivo
- Ver os estados de foco de todos os elementos interativos da página
Explorando uma marcação HTML semântica, adotei classes nomeadas em conformidade com as melhores práticas da metodologia BEM (Block, Element, Modifier). Optei pelo uso do pré-processador Sass, que enriqueceu significativamente meu código. Utilizei recursos avançados, como variáveis e mixins, para tornar o desenvolvimento mais eficiente e flexível. Além disso, implementei uma estrutura modular e escalável que facilita a edição e a manutenção contínua do código. Em cada linha busco clareza, eficiência e uma abordagem sólida para alcançar o melhor resultado possível.
- Sass
- Váriaveis
- Mixin
- Pseudo-classes
- Pseudo-elementos
- Flexbox
- Grid
- Função matematica
- Media Queries
- SVG