QR code component solution

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted 12 months ago

  Hello there 👋. Good job on completing the challenge !

  • Utilize place-items: center in CSS grid to centrally align content both vertically and horizontally. This eliminates the need for additional styling on the <main> tag.

    body {
      ...
      min-height: 100vh;
      display: grid;
      /* align-content: center; */
      place-content: center;
    }
    
    .main {
      /* display: flex;*/
      /* justify-content: center;*/
      /* align-items: center;*/
    }
    

    place-items is a shorthand property that combines two properties: align-items and justify-items. It sets the alignment of items in both the block (vertical) and inline (horizontal) directions.

  I hope you find it useful! 😄

  Happy coding!

  2