product-preview-card-component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Rhenrique, congratulations for your solution!

  Pay attention, because you've add too much unnecessary info inside the container, you have a quick fix using grid with grid-template-column: 1fr 1fr and grid-template-column: 1fr for the mobile version, see the code fixes below:"

  .caja {
      background-color: var(--White);
      border-radius: 5px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      /* grid-template-columns: repeat(1,320px); */
      /* grid-template-rows: repeat(2,360px); */
  }
  .caja {
      background-color: var(--White);
      border-radius: 5px;
      /* display: grid; */
      /* grid-template-columns: repeat(2,265px); */
      /* grid-template-rows: repeat(1,400px); */
  }
  

  Hope it helps, happy coding!

  Marked as helpful

  1
• 

  Shaswat Singh•190

  @shaswatsingh19Posted over 2 years ago

  Hi, Congratulations on completing this project

  Everything is looking fine somethings I have noticed

  1. For smaller screens you should remove the margin of 130px from the image
  2. Background size should be cover and position should be center and it's look amazing

  Marked as helpful

  1