Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive landing page using CSS grid and `clamp` function

@P0wertDev

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I'm proud of make a responsive card using advanced functions of CSS like a clamp function.

And the next time, i would improve the HTML structure and the class names of the elements

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

My most challenge was to use the clamp function of CSS, especially with font-size attribute, because, didn't understand how to adjust font sizes in a responsive way

To overcome, I had to look up a lot of information on the internet and use a clamp calculator.

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

I would like some help with the clamp function of CSS, especially understanding how it works, so that i can use it more often in my future projects.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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