3-Column-Preview-Card-Component

Community feedback

• 

  Hassia Issah•50,410

  @Hassiai

  Posted over 2 years ago

  Replace <div class="container"> with the main tag and <h2> with <h1></h1> to fix the accessibility issues, for more on semantic html visit https://web.dev/learn/html/semantic-html/

  Add justify-content: center to the body, this centers .container horizontally on the page. There is no need for a margin value in .wrapper.

  You forgot to add a media query for the mobile design , in the media query give .container a width of 80%, a padding top and bottom values and .wrapper grid-template column of 1fr.

  Hope am helpful. HAPPY CODING

  00