CSS flex and grid

Community feedback

• 

  Hamzat Lawal•560

  @EngineerHamzieyPosted over 2 years ago

  Hi Bright, you have done a great a job. here is one thing I noticed, your page isn't centered , and alot more. to fix all that:

  /* 
      inorder to center the page vertically and horizontally,
      you should use flexbox. For that you will need to add min-height 100vh to the body to ensure that it's center vertically on all devices
      min-height is the best option so that will grow bigger when needed(i.e responsive). min-height NOT HEIGHT, using ordinary height, won't 
      allow responsiveness
    */
  body{
    min-height: 100vh;
    /* then we can now center it with flexbox */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  

  and I noticed a lot of other errors , so if you don't mind, there are more explanation here on how I did mine after being corrected by mine dearest mentors.

  • code URL on github
  • Live Site URL
  • Solution Page On Frontend Mentor

  I hope you found this helpful 😊

  Marked as helpful

  0

  ---

  

  promise•520

  @ugochukwuuuPosted over 2 years ago

  @EngineerHamziey Thank you very much, I appreciate it.

  0