Skip to content
Submitted almost 4 years ago

Profile Card

CMC59•25
@CMC59
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

I don't know how to put the image background top and bottom. First try for me.

Community feedback

  • Spiros Kavouras•30
    @spirosdevelopingPosted almost 4 years ago

    .top-circle { position: absolute; right: 900px; height: 900px; bottom: 260px; }

    .down-circle { position: absolute; left: 60%; top: 300px; }

    2
  • CMC59•25
    @CMC59Posted almost 4 years ago

    thank you spiros, always nice to have some help.

    1
  • Kyrylo Lvov•160
    @kyrylolvovPosted almost 4 years ago

    Hey! 😄

    Great job on this challenge! 🏆

    Here is how I placed those circles in my project:

    body{ background: url(../images/bg-pattern-top.svg) top -600px left -300px no-repeat fixed, url(../images/bg-pattern-bottom.svg) bottom -600px right -200px no-repeat fixed; }

    Good Luck and Happy New Year! 🎄

    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