Hey @Grishmita 👋🏻, it's me again 😅
Since I left some suggestions on your last post, I wanted to suggest my help with this one as well.
<section class="grid-container">...</section>
should be<main class="grid-container">...</main>
this will fix accessibility issues. Don't forget to generate a new report once issues fixed.- To fix HTML issues, just change backslash
\
in yourimg
tag<img src="images\icon-sedans.svg">
to forward slash/
such us this one<img src="images/icon-sedans.svg">
. Generally,img
tags must have analt=""
in tag, but in this case since the icon is for decorative purposes only, you can putaria-hidden="hidden"
to hide it from screen readers.
I hope this was helpful, I think you got a really good hang of CSS grids, keep going. Cheers 👾
Marked as helpful