Skip to content
Submitted over 3 years ago

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

Krista Calleja•300
@KristaCalleja
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

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
    @nicm42Posted over 3 years ago

    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
    Krista Calleja•300
    @KristaCallejaPosted over 3 years ago

    @nicm42 Thank you for your feedback!

    0

Please log in to post a comment

Log in with GitHub

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