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

Luis

@luibernip270 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Order Summary Component Main


    Luis•270
    Submitted over 2 years ago

    0 comments
  • NFT Preview Card Component


    Luis•270
    Submitted over 2 years ago

    1 comment
  • QR Code Component


    Luis•270
    Submitted over 2 years ago

    2 comments
  • Interactive Rating Component


    Luis•270
    Submitted over 2 years ago

    0 comments
  • Product Preview Card Component Solution


    Luis•270
    Submitted over 2 years ago

    1 comment
  • Blogr Landing Page (HTML+CSS+VanillaJS)


    Luis•270
    Submitted about 4 years ago

    1 comment
View more solutions

Latest 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!

Frontend Mentor logo

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

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

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

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