Bluefoot DEV: Teste prático para UI Frontend-Developer

Instruções

1ª Opção: Baixe o arquivo index.html e a pasta assets, deixe todos na mesma pasta e rode o arquivo index.html em qualquer navegador.

2ª Opção: Baixe o .zip, extraia no local desejado e rode o arquivo index.html em qualquer navegador.

LIVE DEMO: https://bit.ly/2K5XnLq

Sobre o teste

Um, aparentemente, layout básico mas que ao se aprofundar você nota várias "pegadinhas". Espaçamentos fora do container, menu split, logo sobreposta, submenu com gap do menu, etc. Foi uma verdadeira aula montar esse layout, pois trouxe vários desafios (descritos acima). Tive certa dificuldade com o BEM naming convention e posso ter aplicado da forma errônea, mas com a prática isso é facilmente ajustado.

Sobre o CSS

Utilizei a tecnologia .less para a estilização do projeto. Costumo usar variáveis para definir cores de background, visando a manutenção.