Skip to content
Submitted over 1 year ago

HTML and CSS

web-components
Gabriel Red•50
@AllRedCat
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What did I can impruve in my CSS skills

Code

Please log in to post a comment

Log in

Community feedback

  • Patrick Bryan•180
    @pbryan9

    Just about perfect on desktop! The only improvement I can spot there is to do with font sizing and padding -- your elements are crowding the edge of the card just a little bit on desktop.

    Mobile looks good at the ideal 375px size, but it should probably keep the column layout for another couple hundred pixels -- the larger layout doesn't quite fit until the viewport gets a little over 600px.

    Nice job!!

    Marked as helpful
  • Lakshmi susmitha•50
    @susmitha168

    Design solution looks good Here are my observations:

    1. Price font size is larger when compared to the design
    2. Button design looks little different except that rest are good.

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