Skip to content
Submitted over 1 year ago

Responsive Product Card Component

SayHelloToKamil•40
@SayHelloToKam
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

Did I make this responsive according to best practice? Are my naming conventions readable for the reviewer?

Community feedback

  • Jech•100
    @j3rech0Posted over 1 year ago

    Here's a few noticeable:

    • Avoid using fixed value in a container especially setting the height for the class name .outside-right-container, that section will have a dynamic content I assume, height: auto I guess is okay.
    • Also dealing with width for example in the main you could have width: 100%;max-width: 400px; for better scalability.
    • Also I think mobile-first approach is still relevant. Overall good job!
    Marked as helpful
    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