Responsive Product-Preview-Card-Component

Community feedback

• 

  Zeyad Mohamed•320

  @ZeyadMohamed1805Posted almost 2 years ago

  Awesome work! 🔝🔝 Your hard work it clearly displayed on this project! 🤩 I have some tips for your website:

  1. Setting the footer's text-align to center; 😉
  2. When you set the max-width of the main-box to 43%, this compressed the content inside it because the width will decrease the more the screen size decreases! If you set the max-width to like 600px (300px for the media query), now the main-box will hold its ground in smaller screen sizes! 🤗
  3. When you set the height of the main-box to 25rem, the main-box cannot give more space for its content when the screen size decreases, resulting in content overflowing! If you replace the height with min-height (In desktop & in media query), it will adaptively increase the height of the main-box under pressure! 😎

  Keep up the awesome work! I hope you find this helpful 😁

  Marked as helpful

  1