Design comparison
SolutionDesign
Solution retrospective
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
Community feedback
- @MikDra1Posted 3 months ago
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 😁😊😉
0 - @saularangurenPosted 3 months ago
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 😁
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
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