ntf-preview-card-componenet

Community feedback

• 

  Rebecca Padgett•2,060

  @bccpadgePosted about 1 month ago

  Hi jharshavardhan2003

  Congratulations on completing this challenge!!! 🎉

  HTML 📃:

  • Ensure every website has at least one landmark like a <main> tag.
  • Use the <footer> tag for attribution.
  • Replace <div> with <main> for wrapping your content.
  • Upload your images to the GitHub repository to display them on the page.

  CSS 🎨:

  • Flexbox and CSS Grid are two CSS layouts that help you center your content on the page.

  Flexbox

  body{
  display:flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  }
  

  CSS Grid

  body{
  display:grid;
  place-content: center;
  min-height: 100vh;
  }
  

  • Also you can remove the padding on the body and you can apply a max-width on your .container class so you don't have implement a media query.

  I hope you find this useful. Don't hesitate to reach out if you have any questions. Keep up the great work!!

  1