Product-preview-card-component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  Hello Mostafa, congratulations for your challenge solution!

  I opened your live site and works really fine the desktop version, although the mobile version have 2 minor issues.

  You need to apply max-width to the container to make it flexible and able to shrink in smaller screen sizes, its better also that you apply a margin around the container to dont let the container too close to the screen bounds in mobile. I did a test and I'll wrote you the css below:

  `@media (max-width: 425px) .main { display: flex; flex-direction: column;

  max-width: 350px;
  
  margin-bottom: 2rem;
  margin-top: 2rem;
  height: 100%;
  

  }

  .container { margin: 24px;} `

  I hope it helps you bro, keep coding!

  0