Skip to content
Submitted over 3 years ago

Simple css and flexbox

Bibek Pant•85
@pantbibek21
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

Your review helps me keep going ! Hope you all are okay.

Community feedback

  • darryncodes•6,370
    @darryncodesPosted over 3 years ago

    Hi Bibek,

    Great work, again, well done.

    You could try adding this to your .card__stat to match the design a little closer:

    border-top: hsl(0, 0%, 80%) solid 1px; padding-top: 25px;

    And you your profile pic is not quite centre. As you've used absolute positioning try:

    left: 50%; bottom: -40%; transform: translate(-50%);

    1
    Bibek Pant•85
    @pantbibek21Posted over 3 years ago

    @darryncodes Thank you for pointing that out. All done !

    0
    darryncodes•6,370
    @darryncodesPosted over 3 years ago

    awesome @biebk, looks great!

    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