Design comparison
SolutionDesign
Solution retrospective
javascript part are the hardest part. Still need lot of to learn... :)
Community feedback
- @danielmrz-devPosted 10 months ago
Hello @cocotiwak!
Your project looks great!
I noticed that you used
padding
with percentage values to place the card in the middle of the page.Here's a very efficient way to center the card:
- You can apply this to the body (in order to work properly, you can't use position or margins):
body { min-height: 100vh; display: flex; justify-content: center; align-items: center; }
I saw your code and noticed that you used a framework. I'm not sure if it's bootstrap because I'm not familiar with it. Anyway, it doesn't matter because you can have this same result using the framework code that corresponds to the CSS code above.
I hope it helps!
Other than that, great job!
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