Product Preview Card Component Main

Community feedback

• 

  CHarvey820•190

  @CHarvey820Posted 8 months ago

  Your desktop version looks good! If you want to get closer to the design, I would suggest turning the Gabrielle Essence Eau De Parfum text into an h1 and increasing the font size.

  The content on the mobile layout looks like it spills over outside of its container, changing to a max-width property would help combat that issue.

  .chanel .content {
      max-width: 100%;
    }
  

  Hardcoding the height of your .chanel to 450px causes your content to spill out from the bottom on small screens, since the content needs more space to grow vertically. If you change it to height: auto; the layout will adjust itself.

  0