In the development of this project I just used HTML5 and CSS as tools.
Algumas considerações sobre as minhas opções de resolução:
- Coloquei margens (utilizando um wrapper) na versão Desktop porque o tamanho do ficheiro photoshop era 1200px de largura, portanto optei por impor esse "limite"
- Usei os tamanhos de letra do ficheiro. Na versão mobile reduzi o tamanho pelas medidas que mantinham tudo consistente
- Apenas fiz media query para mobile (max-width: 414px) uma vez que os tamanhos de Desktop funcionavam bem para as dimensões de tablet. Optei por no código colocar cada media querie junto à respectiva classe que estava a ser alterada (em vez de ter apenas uma para todos os casos) para ser mais legível o código e ter o contexto dos restantes atributos da classe em questão
- Normalmente prefiro utilizar SASS, mas optei por usar CSS puro, pois pensei que a quantidade de elementos da página não o justificava