Responsive Card Design HTML and CSS

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

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

  There is no need to give the html and the body height: 100%; To center .container on the page, add min-height:100vh; display: flex; align-items: center: justify-content: center; to the body.

  Hope am helpful HAPPY CODING

  Marked as helpful

  0
• 

  Favour•2,160

  @Nadine-GreenPosted almost 2 years ago

  HEY ERAY!

  I see that you have an issue with centering, a quick fix for this would be the give the body a height of 100vh height:100vh then a display of grid display: grid and then using the code place-items: center

  HOPE I COULD BE OF HELP :)

  HAPPY CODING!

  0