I have personally used tailwind css to finish the process

Community feedback

• 

  P

  Antoine R.•30

  @StayCopaceticPosted 4 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

  ---

  

  Abhyshekbhalaji•10

  @AbhyshekbhalajiPosted 4 months ago

  Thanks a lot for the review @StayCopacetic !.I do accept your constructive feedback into my design.This is my first challenge ever done in my career.Would you mind sharing some tips so that i could have in my mind before i could start another challenge

  0

  

  P

  Antoine R.•30

  @StayCopaceticPosted 4 months ago

  @Abhyshekbhalaji

  No worries! I recommend reading up on the flexbox and grid functionality. I used flexbox to center multiple classes.

  Also, look into default styles that are already applied and how to use logical css properties like, margin-inline (left and right margin), margin-block (top and bottom). The same would apply to padding.

  For basics, look up a YT by the name of Kevin Powell. I learned a lot of the basics through that channel. An additional resource that I use is Every Layout, which is solid because it allows you to create your own css components without having to utilize css frameworks.

  Hope this helps.

  Marked as helpful

  0

  

  Abhyshekbhalaji•10

  @AbhyshekbhalajiPosted 4 months ago

  Indeed @StayCopacetic !! Thanks a lot!!

  0