Maison Soleil — Landing Page Responsiva com HTML5, CSS3 e JavaScript

What are you most proud of, and what would you do differently next time?

O que mais me orgulho neste projeto é ter conseguido transformar o desafio proposto em uma página completa e responsiva, colocando em prática conceitos que venho estudando de HTML, CSS e JavaScript. Também gostei bastante do resultado visual e de ter conseguido criar a navegação do menu para diferentes tamanhos de tela, além de trabalhar com fontes, cores, ícones e diferentes layouts.

Da próxima vez, eu organizaria melhor o CSS desde o início e tentaria deixar o código mais limpo e fácil de manter. Também dedicaria mais tempo à estruturação do JavaScript e à acessibilidade. Durante o desenvolvimento, precisei testar bastante e corrigir alguns problemas de responsividade, e isso acabou sendo uma parte importante do meu aprendizado.

What challenges did you encounter, and how did you overcome them?

Um dos principais desafios foi adaptar o layout para diferentes tamanhos de tela. Foi necessário trabalhar com Media Queries e reorganizar os elementos para que o menu, os cards e as demais seções funcionassem tanto em telas menores quanto em desktop.

Outro desafio foi desenvolver o menu mobile e fazer com que ele tivesse um comportamento interativo. Resolvi isso utilizando JavaScript para alternar classes e também trocar o ícone do menu entre abrir e fechar.

Também tive alguns desafios durante a organização e estilização dos componentes, principalmente com espaçamentos, posicionamento e proporções dos elementos. Superei esses problemas através de testes constantes no navegador, fazendo pequenos ajustes no CSS e verificando o resultado em diferentes tamanhos de tela.

Esses desafios me ajudaram a entender melhor como HTML, CSS e JavaScript trabalham juntos na construção de uma interface responsiva e interativa.

What specific areas of your project would you like help with?

Gostaria de receber feedback principalmente sobre a organização e estrutura do meu CSS, especialmente sobre como posso deixar o código mais limpo, reutilizável e fácil de manter.

Também gostaria de receber sugestões sobre a responsividade do projeto, principalmente em relação à forma como organizei o layout para diferentes tamanhos de tela e ao uso das Media Queries.

Outra área em que gostaria de receber ajuda é no JavaScript do menu mobile. Atualmente utilizo JavaScript para adicionar e remover classes e alterar os ícones de abrir e fechar o menu, e gostaria de saber se existe uma forma mais eficiente ou mais adequada de estruturar essa lógica.

Por fim, gostaria de receber feedback sobre a acessibilidade e sobre boas práticas que eu poderia aplicar em projetos futuros.