Skip to content
OverviewSolutions
2
Comments
1
Riktam Santra
@Riktam-Santra

All comments

  • Riktam Santra•40
    @Riktam-SantraPosted 2 months ago

    I see you have set height of the body to be 90vh which is the reason the box isn't centered exactly but moved a little towards the top.

    You can fix this by setting padding and margin to be 0px globally and the box-sizing to border-box and then using 100vh instead of 90 as follows:

    * {
      box-sizing: border-box;
      padding: 0px;
      margin: 0px;
      --slate-900: #1f314f;
      --slate-500: #68778d;
      --slate-300: #d5E1EF;
      --white: #fff;
      --card-container-gap: 24px;
      --card-container-padding: 16px;
      --card-container-padding-bottom: 40px;
    }

.container{
     height: 100vh
}
    Marked as helpful
    0