Skip to content
OverviewSolutions
1
Comments
1
P
Antoine R.
@StayCopacetic

All comments

  • 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