Design comparison
SolutionDesign
Solution retrospective
Hi! If you have any comments on what I did, it will be welcome!
Community feedback
- Account deleted
Nice job! I would add this at body and play with background-position:
body{ /* centers the card depending on the viewport*/ min-height: 100vh; display: grid; place-items: center; /----/
background-color: hsl(185, 75%, 39%); background-image: url(images/bg-pattern-bottom.svg), url(images/bg-pattern-bottom.svg); background-repeat: no-repeat; background-position: 700px 400px, 100px -400px;
}
Marked as helpful1@alexinzunzaPosted almost 3 years ago@vane-mp thanks vanessa, its really useful this way to center items in different viewport, i'll include that in the next projects!
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