Social proof section

Community feedback

• 

  Muhammadh•1,140

  @Mr-jawPosted almost 2 years ago

  Hello there 👋

  Congratulations on completing the challenge

  here is a quick fix to center the component at the center of the screen

  1. in the body element remove margin-top: 10rem;

  2. In the body element add the following lines of codes.

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

  This will make the component position at the center of the screen 👍

  I hope this was useful 😊

  HAPPY CODING

  1

  ---

  

  GamesLegend•160

  @GamesLegendPosted almost 2 years ago

  @Mr-jaw But then mobile users will not be able to scroll, that's why I added that (margin-top).

  0

  

  Muhammadh•1,140

  @Mr-jawPosted almost 2 years ago

  @GamesLegend

  Hello 👋

  Then you can remove the margin-top in the desktop view. Since, when you have a fixed margin. On larges, t won't be centered. so using flex and min-height in the body, you can achieve

  Hope this was helpful 👍

  1