Single Price Component Using CSS Grid

Community feedback

• Account deleted

  Hey MaruthiKo,

  Good job completing this challenge and here are a few tips to improve your code.

  • Every page must contain one landmark like a <main> tag instead of a <section> tag or a <div> that has no semantic meaning.
    More information about HTML Semantic Elements

  • Join our Community should NOT be wrapped in a <h2> tag. When creating a website make sure you use heading tags in chronological order <h1> to <h6>.

  • To center your card in the middle of the page you can use Flexbox or Grid

  Using Flexbox layout:

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

  Using CSS Grid layout:

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

  More information about CSS layout

  I hope this helps you!

  2

  ---

  

  Konjeti Maruthi•70

  @MaruthiKoPosted almost 2 years ago

  @bccpadge Thank you so much for the info, will work on these changes

  1