CSS Grid Layout solution.

Community feedback

• 

  Shoaib Shuja•560

  @ShoaibShujaPosted 5 months ago

  Amazing job my friend and the layout seems absolutely amazing but the page is overflowing a bit and even though you have centered the .wrapper inside the body it was done through setting margins but the better approach would be using flexbox and removing the margins to fix the overflowing issue.

  Just in case these lines of code will help you center the .wrapper inside the body element.

  body {
      width: 100%;
      min-width: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  

  And also, if you have an issue with putting the attribution (which says who coded the project) to the very bottom of the webpage use the position: absolute; property and then set the bottom: 0;.

  I wish you best of lucks my friend. 👍

  0