Design comparison
SolutionDesign
Solution retrospective
Best practices for responsive designs is using css frameworks like bootstrap, tailwind, material ui for your projects.
Community feedback
- @MaximilianoDanielGarciaPosted 12 months ago
Hi @DruxAMB, good job!
If you are wondering how to center the card, just add this:
body { display: grid; place-items: center; min-height: 100vh; }
- Remove
padding: 30rem;
frombody
. - Add a
width: 350px;
to#card
Finally, you can move to a better position your attribution part.
.attribution { position: absolute; bottom: 25px; }
I hope these suggestions are helpful to you.
Marked as helpful0@DruxAMBPosted 12 months ago@MaximilianoDanielGarcia, thanks man but my project is already centered. Marked as helpful
0@DruxAMBPosted 12 months ago@MaximilianoDanielGarcia, thanks man but my project is already centered. Marked as helpful
0 - Remove
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