Design comparison
SolutionDesign
Community feedback
- @bccpadgePosted over 1 year ago
Hello @metallicatzach. Congratulations on completing this challenge! 🎉
Your solution looks good and I have a few tips that enhance your solution.
I see that your profile card component is not centered and there are two CSS layouts that can help with your card placement. You can use Flexbox or CSS Grid
Flexbox
body{ display: flex; justify-content: center; align-items: center; min-height: 100vh; }
CSS Grid
body{ display: grid; place-content: center; min-height: 100vh; }
- Every website must have one landmark like a
<main>
tag - Wrap your content in a
<main>
instead of a `
0 - Every website must have one landmark like a
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