@MikDra1
Posted
To put he card in the center I advise you to use this code snippet:
.container {
display: grid;
place-items: center;
}
Hope you found this comment helpful 💗💗💗
Good job and keep going 😁😊😉
What are you most proud of, and what would you do differently next time?
how i did it swiftly and very fast
What challenges did you encounter, and how did you overcome them?
I didn't encounter any problem to be honest
@MikDra1
Posted
To put he card in the center I advise you to use this code snippet:
.container {
display: grid;
place-items: center;
}
Hope you found this comment helpful 💗💗💗
Good job and keep going 😁😊😉
Greetings friend, your solution is really impressive, however, I want to help you: you must add min-height: 100vh;
to your stylesheet, specifically inside body {}, the result should look like this:
body{
background-color: var(--light-blue-color);
margin: 0;
font-family: "Outfit", sans-serif;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
If you apply it you will be able to see that you managed to center the card, happy coding 😁
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord