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

Flexbox, max-width and, pseudo classes for clean code

@KristaCalleja

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


How do I bring the name and age elements closer together? Setting a narrower width for this div? Thanks!

Community feedback

Nic 595

@nicm42

Posted

The div around your name and age currently has justify-content space-evenly. So it's evenly spacing them within that div. So you could make it narrower and it would move them both in. But it would be easier to set your justify-content to be center. That puts them both in the centre, right next to each other, so then you'd need a margin on the right of the name or left of the age to move them a bit further apart.

0

@KristaCalleja

Posted

@nicm42 Thank you for your feedback!

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