Skip to content
Submitted over 3 years ago

Profile Card Component using CSS Grid

Denzell Dy•30
@DenzDy
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

Anything I could improve? Also, how do I align the stat types to the stat headings properly? Using padding and margin doesn't really work well especially with different text lengths.

Community feedback

  • Veronika Palto•305
    @JepardMayPosted over 3 years ago

    Hello. The easiest way to align stats is using flexbox https://gyazo.com/66422e28c2ec3b3d4246a440957d7a48

    Marked as helpful
    0
    Denzell Dy•30
    @DenzDyPosted over 3 years ago

    @JepardMay This works because the h2 aligns with the span right? Will add this to my code, Thank you!

    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