Nesse projeto estamos construindo um site responsivo para desktop, tablet e smartphone. No âmbito do curso HTML & CSS: responsividade com mobile-first, lecionado pela instrutora Monica Hillman.
Recorrendo às classes Flex e Grid iremos desenvolver um site de uma loja de livros técnicos de programação. A ideia é recorrer aos media queries para que os estilos sejam implementados conforme o dispositivo que estiver sendo utilizado para visitar o site.
Ao longo desta semana que passou fomos acompanhando as aulas e montando o site de acordo com o design do figma que nos foi dado e com o apoio da formadora. Várias vezes, reconheci padrões e por isso consegui implementar vários estilos de forma autónoma.
O site é mobile-first o que significa que ele é projetado a pensar na versão mobile em primeiro lugar e só depois ele é adaptado para iPad (tablet) e para Desktop.
No decorrer deste projeto, o maior desafio foi na parte em que precisamos adicionar o svg do icone da carta na section contacto. Porque utilizei o mozilla firefox (dev edition) na maior parte do projeto, muitas vezes parecia que o código estava errado, mas descobri que existem diferenças de navegador para navegador e foi necessário encontrar uma solução para que o site funcione tanto num navegador mozilla como no chrome. Acabou que a solução encontrada funcionou melhor no mozzila que no chrome. Apartir desse episódio decidi finalizar o projeto acompanhando o desenvolvimento no chrome (dev edition).