Responsive product-preview-card-component using TailwindCSS flexbox

Community feedback

• 

  Travolgi 🍕•31,400

  @denieldenPosted about 2 years ago

  Hi Joshua, congratulations on completing the challenge, great job! 😁

  Some little tips for optimizing your code:

  • add main tag and wrap the card for improve the Accessibility
  • add descriptive text in the alt attribute of the images
  • you can use picture tag to change image by resolution -> read here
  • use flexbox to the body to center the card. Read here -> best flex guide
  • after, add min-height: 100vh to body because Flexbox aligns child items to the size of the parent container

  Hope this help! Happy coding 😉

  Marked as helpful

  0

  ---

  

  Joshua•20

  @Geek-cloud1Posted about 2 years ago

  @denielden thanks for the tips, really helpful

  1

  

  Travolgi 🍕•31,400

  @denieldenPosted about 2 years ago

  @Geek-cloud1 You are welcome and keep it up :)

  0