Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Card compnent using HTML and SCSS

@joshuaadrian

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Does anyone have good reasoning for when to use flex or grid?

Community feedback

@Muhammad-adam778

Posted

  • Grid is good for full page layout
  • Flex is useful for organizing each section of a page, not the whole page Check this image to know what i mean Flex vs Grid.
  • About accessibility:
  • <img src="images/icon-cart.svg" alt="Add to Cart"> try to use dash between words in alt attribute like this Add-to-Cart.
  • You nead to use semantic elements like <main>, <article> and <footer> If you want to know about Semantic Elements check this article HTML Semantic Elements.
  • I hope this help you.
0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord