@VCarames
Posted
Hey @Abhinay674, some suggestions to improve you code:
- To center you content to your page, add the following to your Body Element:
body {
min-height: 100vh;
display: grid;
place-content: center ;
}
-
The car images/icons serve no other purpose than to be decorative; They add no value. Their Alt Tag should left blank and have an aria-hidden=“true” to hides it from assistive technology.
-
The headings are being use incorrectly. For this challenge, each heading is equally as important. So best option, is to use <h2> Heading, because it will give each card the same level of importance and it's reusable.
-
Remove the
height
from the cards. It is not needed, your content itself will create the height.
Happy Coding! 👻🎃
Marked as helpful
@Abhinay674
Posted
@vcarames thank you..please review the last solution