Skip to content
Submitted almost 3 years ago

Profile Card Component with HTML and CSS(flexbox)

Dummy_ken•180
@DummyKen
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

There are two background svgs so I don't know how to do that. Apart form that, I think this looks pretty good. Please kindly provide feedback!

Community feedback

  • Ibrahim Isa Jajere•130
    @mikib0Posted almost 3 years ago

    I also found that difficult although i somehow achieved it using position: absolute . But while browsing @MonaElshikh`s code i found this background: url(../images/bg-pattern-top.svg) no-repeat, url(../images/bg-pattern-bottom.svg) no-repeat; background-position: right 50vw bottom 50vh, left 50vw top 50vh; background-color: var(--body-bg-color); to be a better solution.

    Oh i have an observation your profile image is not centered.

    I hope it helps. Have a great day!! :)

    Marked as helpful
    0
    Dummy_ken•180
    @DummyKenPosted almost 3 years ago

    @ibrahimisa Oh hey thanks! I will do that.

    0
  • mona Elshikh•510
    @MonaElshikhPosted almost 3 years ago

    Thanks a lot 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