@LuisJimenez19
Posted
Hello, congratulations for completing this challenge.
If what you want is to center the card: you can use the following rules:
body {
font-family: 'Manrope', sans-serif;
max-width: 375px;
/* margin: 100px 25px; */
/* margin-top: 170px; */
font-size: var(--fs);
background-color: var(--clr_light_gray_blue);
height: 100dvh;
width: 100%;
justify-content: center;
align-items: center;
display: flex;
}
This way you don't have to play with the margin.
I recommend not modifying the <body>
in the mediaquery but rather playing with the size of the card at the breakpoints.
I hope I have helped you, if you have any other questions let me know.🤗
Marked as helpful
@ericgalbarn
Posted
@LuisJimenez19 Hey Luis, thanks for letting me know. Much appreciate it bro ;))