Skip to content
Submitted over 2 years ago

product preview card

Gvne•70
@gvnee
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

How to make it more responsive? And I want to avoid using specific fixed values like 300px for dimensions.

Community feedback

  • Rajesh Janyani•330
    @Rajesh7rjPosted over 2 years ago

    @gvnee You did good job.

    You can use "media query (@media only screen and (max-width: 600px or 'any value you want' )" for responsive web design.

    You can also checkout this :- https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

    I hope it will help. keep learning buddy.......

    Thanks......

    1

Please log in to post a comment

Log in with GitHub

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