
Submitted 9 months ago
Solução responsiva, mobile first, com flex e grid
@Isabela-Fernanda
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
Esse foi o primeiro projeto que fiz a estilização do mobile primeiro, foi diferente, vou tentar fazer o mobile primeiro mais vezes. Também foi a primeira vez que eu tive que trocar de imagem de acordo com a largura da tela.
What challenges did you encounter, and how did you overcome them?Foi um pouco difícil fazer a parte de adicionar ao carrinho, tive que muda-lá várias vezes antes de obter o resultado final que ficasse o mais próximo possível do design.
What specific areas of your project would you like help with?Eu gostaria de feedbacks sobre:
- A semântica do HTML, principalmente na parte que corresponde ao adicionar carrinho, que eu acho que existe um jeito melhor de fazer;
- A estilização para desktop (arquivo responsive.css);
- Sobre qualquer outro ponto que possa melhorar.
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord