Design comparison
SolutionDesign
Community feedback
- @hitmorecodePosted over 1 year ago
Congratulations well done. There are a few things that you can fix.
- Your html structure can be fixed by doing this
<main> <div class="card"> <div class="card-top"> ### here you can add the image for the top of the card and the user picture </div> <div class="card-bottom"> ### here you can add the user information </div> <div class="card-footer"> ### here you can add the stats </div> </div> </main>
- In the CSS add this to the body
body { min-height: 100vh; display: flex; justify-content: center; align-items: center; }
You can use position to center the user picture in the center of the card. See if you can fix this and if you need any help, let me know
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