Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
My javaScript skills is improving gradually and i'm proud of that
What challenges did you encounter, and how did you overcome them?displaying the success message in desktop version is a little bit challenging because i started with mobile first so it kind of tricky solving that.
What specific areas of your project would you like help with?i'll like to get feedback on the problem.
Community feedback
- @Grimm-NPosted 14 days ago
Awesome work—you’re really putting in the effort! 🎉
Here’s a quick tip to perfectly center your card in the middle of the
body
container:Set
body
to100vh
and100vw
, then use flexbox to center your card both vertically and horizontally:body { width: 100vw; height: 100vh; display: flex; justify-content: center; /* centers horizontally */ align-items: center; /* centers vertically */ }
This way, your card stays perfectly centered, matching the design layout!
Marked as helpful1
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