Design comparison
Solution retrospective
Hello DEVS
In this project I had some difficulties.
Center the <div class="container"> in the center of my page, as I wasn't able to center it, I put a margin and it stayed like this;
Community feedback
- @visualdennissPosted over 1 year ago
Hello there,
nice work overall! Congrats on completing the challenge successfully. I'd suggest using flexbox or css grid to center the card. So instead of using this: margin: 95px auto; just use something like this in combination with min-height: 100vh:
- body { min-height: 100vh; display: grid; place-items: center; }
Also the font family seems to be missing. You can import is with @import, just add this to the top of your css file:
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap');
then you can use it like so:
- font-family: 'Outfit', sans-serif;
Hope you find my feedback helpful!
Marked as helpful0
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