Product Preview Card

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted over 2 years ago

  👾 Hello Nel, congratulations for your solution!

  Your component seems pretty good, there's only some fixes about the component size, it's too small, use at least width: 900px; for the whole container. This way each column will have 450px. Note that you can ever check the starter files and compare your solution to fix these layout issues.

  .card {
      flex-direction: row;
      justify-content: unset;
      align-items: unset;
      width: 900px;
  }
  

  To manage the background, is better you apply min-height: 100vh; to the body and align the body/container with display: flex;.

  Doing these changes your solution will be almost perfect, you already set it as responsive, the colors and the devices version are yet fine.

  Hope it helps Nel, happy coding!

  Marked as helpful

  0

  ---

  

  Nel•40

  @nelpopuliPosted over 2 years ago

  @correlucas 𝗛𝗶 𝗟𝘂𝗰𝗮𝘀, thank you so much for the tips. I don't have an access to sketch and Figma design files so I'm having a hard time setting about the sizes. Again, thank you, I'm gonna apply those tips later . ❤️

  0