Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

profile card

@metallicatzach

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@bccpadge

Posted

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

Please log in to post a comment

Log in with GitHub
Discord logo

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