Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
20
Comments
1
Luis
@luibernip

All comments

  • Dev Monkey•100
    @priopambudi
    Submitted about 4 years ago

    Profile Card Component Main

    1
    Luis•270
    @luibernip
    Posted about 4 years ago

    Hello @Dev Monkey,

    As a suggestion you could position both circles without touching its width. Use % but instead of using a negative percentage for the x-axis, use a positive % by using oposite side:

    .img-top {
    position: absolute;
    z-index: -99;
    top: -50%;
    right: 50%;
    }
    .img-bottom{
    position:absolute;
    z-index:-99%;
    bottom: -50%;
    left: 50%;
    }
    

    Hope this recommendation works for what you are trying to achieve. Have a great day!

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub