All comments

• 

  Abhyshekbhalaji• 10

  @Abhyshekbhalaji

  Submitted about 2 months ago

  

  I have personally used tailwind css to finish the process

  1

  30

  

  P

  Antoine R.• 30

  @StayCopacetic

  Posted about 2 months ago

  @Abhyshekbhalaji

  I recommend reviewing your code and making changes to the styling associated with your container class and body. Keep in mind when assigning a height, you could leave it blank because the height is auto by default. I posted the current solution I utilized for my body tag and container class.

  I hope this is helpful.

  CSS:

  body { font-family: var(--ff-outfit); background-color: var(--clr-slate-300); color: var(--clr-slate-900); font-size: var(--fs-100); font-weight: var(--fw-400); line-height: 1.5; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }

  /* Container to constrain the width of the content / .container { / clamp(min | preferred | max) */ width: clamp(375px, 90vw, 1440px); display: flex; justify-content: center; align-items: center; }

  /* Media Query for small screens */ @media (max-width: 375px) { .container { margin-inline: 25px; } }

  Marked as helpful

  0

  This comment has received 3 repliesShow