Responsive Product Preview Component with HTML and CSS

Community feedback

• 

  Lucas 👾•104,300

  @correlucasPosted over 2 years ago

  👾 Hello Murdee, congratulations for your new challenge solution!

  I liked a lots that you've used the mobile first approach in this solution!

  Everything seems fine, I can see that you paid attention to the details, there's only one more thing you can do that is align the whole component to the screen center.

  Maybe is not so visible this alignment in the mobile version, but in desktop you can see that's a little bit aligned to the top.

  Here's some fixes to correct the alignment:

  @media (min-width: 600px)
  body {
      height: 100vh;
      font-size: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
  }
  

  Hope it helps, happy coding Murdee!

  Marked as helpful

  1

  ---

  

  Mudi•220

  @Mudi-IgbinobaPosted over 2 years ago

  @correlucas Thanks Lucas. Your advise really helped.

  1