
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Blackpachamame
Greetings! you have done a great job 😎
You can make the following adjustment so that the card is centered (I think the 200px margin-top is not necessary):
.page-container { background-color: hsl(47, 88%, 63%); display: flex; justify-content: center; align-items: center; min-height: 100vh; } .card-container { width: 370px; padding: 20px 10px; background-color: white; border-radius: 15px; border-style: solid; border-width: 1px; box-shadow: 7px 7px; display: flex; flex-direction: column; justify-content: right; align-items: center; margin: 20px; (we replace and remove the margin-top: 200px) }
Marked as helpful
Join 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