3 Column Preview Card Component whit only CSS Grid

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted about 2 years ago

  Hi @nexsalvarez 👋, good job on completing this challenge! 🎉

  Here are some suggestions you might consider:

  • Figure elements (<figure>) should only be used when captions are required with <figcaption>, you can directly use the image tag in this solution.
  • This solution requires that SUVS, SEDANS, and LUXURY be <h2> elements instead of <h3>.
  • Car icons are for decoration purposes only, so they can be hidden from screen-readers by adding aria-hidden="true" and leaving its alt attribute empty:

  <img src="./images/icon-sedans.svg" alt aria-hidden="true">
  <img src="./images/icon-suvs.svg" alt aria-hidden="true">
  <img src="./images/icon-luxury.svg" alt aria-hidden="true">
  

  I hope those tips will help you.

  Good job, and happy coding!

  Marked as helpful

  1