Skip to content
Submitted 11 months ago

HTML & CSS landing page challenge

LVL 3
maysa200
@Maysa-Tatour
A solution to the Clipboard landing page challenge

Solution retrospective


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

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.

Code
Loading...

Please log in to post a comment

Log in

Community 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