Skip to content
Submitted over 2 years ago

Product Preview Card Component Using HTML and CSS

Mochimooo•50
@mochimooo
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

  1. The font style for both "Gabrielle Essence Eau De Parfum" and "$149.99" is the same, and the only difference is the color. Is there a more efficient way to write the CSS code?
  2. How do I make the card's size responsive to the user's screen size? (eg. @media rule?)
  3. The challenge description says user should be able to "see hover and focus states for interactive elements". What does this mean?

Thank you for your answers in advance!

Code
Loading...

Please log in to post a comment

Log in

Community feedback

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