Submitted 7 months ago

Responsive Perfume page using media and clamp

Hammam Yousef•170

@HammamYousef

A solution to the Product preview card component challenge

Preview Code

Solution retrospective

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

I’m most proud of adopting a mobile-first approach for this project, even though I usually design desktop-first.

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

One challenge I encountered was using the clamp() function for responsive font sizing. At first, it was tricky to pick the right values, but after some testing, I found it made the design adapt smoothly to different screen sizes.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Hammam Yousef'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