Product Preview Card Component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello @Landon345, congratulations for your new solution!

  Here's some tips to improve your solution:

  Give the container some more width to make it larger and fit better the image and text content, a good size is max-width: 900px.

  To align the container vertically using the body heigth you need to remove the margins and do the following changes:

  }
  @media screen and (min-width: 500px)
  .container {
      display: flex;
      max-width: 500px;
      /* margin: auto; */
      /* margin-top: 50px; */
  }
  
  element.style {
      display: flex;
      min-height: 100vh;
      background-color: hsl(30, 38%, 92%);
      padding: 20px 10px;
      align-items: center;
      justify-content: center;
  }
  
  

  👋 I hope this helps you and happy coding!

  0