@Hassiai
Posted
The html must have <h1> to fix the accessibility issues.
Every html must have <h1> to make it accessible. Always begin the heading of the html with <h1> tag wrap the sub-heading of <h1> in <h2> tag, wrap the sub-heading of <h2> in <h3> this continues until <h6>, never skip a level of a heading.
To center .cards on the page using grid, add min-height: 100vh to the body .
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
@ZascuOfficial
Posted
@Hassiai Thank you for addressing the accessibility issue, but the cards are already centered on the page using min-height: 100vh on the body. That line of CSS is in another file I use to overwrite some default browser styles, called reset.css
. It's in my repository.
Anyways, I appreciate the advice!