Skip to content
Submitted 10 months ago

Profile-Card

SheikBazith•240
@SheikBazith
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 got stuck with the background image where 2 circles are on top and bottom. Any help on how to achieve it? Thanks in advance.

Community feedback

  • Abdulrahman Zaki•330
    @aazs-eduPosted 10 months ago

    Here is background pattern code.

     background-image: url("./images/bg-pattern-top.svg"), url("./images/bg-pattern-bottom.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: right 52vw bottom 35vh, left 48vw top 52vh;

    I hope you find this helpful. thank you.

    1
    SheikBazith•240
    @SheikBazithPosted 10 months ago

    @aazs-edu thank u so much. I was bit confused on how to approach it.

    1

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