Design comparison
SolutionDesign
Community feedback
- @lwrncgmbnPosted about 1 year ago
Hello there 😁
- I noticed that the actual design is too big and you manually put the margin for top and bottom. You can try to remove
margin-200px;
margin-bottom: 150px;
and add thesedisplay: flex;
justify-content:center;
align-items:center
min-height: 100vh;
- For the
main .conteudo{}
you can remove themargin: 0 auto;
andmin-height: 100vh
and just addpadding: 2rem 0;
- Also, in the
main .qr{}
you can removewidth: 89%
andmargin-top: 35px
- And lastly, you change the
margin: 40px
tomargin: 0 2rem
;
Happy Coding 😁
0 - I noticed that the actual design is too big and you manually put the margin for top and bottom. You can try to 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