HTML & CSS landing page challenge

Solution retrospective
I'm most proud of completing the design pixel-perfect and matching the hover states as shown in the challenge. It helped me improve my layout and spacing skills using Flexbox. Next time, I would try to make the layout more responsive using mobile-first media queries and possibly add animations to enhance the user experience.
What challenges did you encounter, and how did you overcome them?One of the main challenges was aligning elements correctly on different screen sizes. I overcame this by adjusting my flex and margin settings and testing the layout in the browser frequently. Also, working with hover states was new to me, but I used the design files and practiced with CSS transitions to make it smooth.
What specific areas of your project would you like help with?I would like feedback on my CSS structure—whether it's clean and maintainable. Also, I’d love tips on making my design more responsive and scalable for different devices.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on maysa’s solution.
Join 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