Skip to content
Submitted about 4 years ago

Profile Card with Sass

Flash•80
@flash54
A solution to the Profile card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Was confused with the background circles but i did find a solution which helped. https://github.com/Astrobean/frontendmentor-2 . Thanks @Astrobean. I don't know if its the correct way to use background position but it worked for now. If yall have any other ways, drop them in the comments please. Thank you. I'm new to this.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Jeffrey Izelaar•110
    @Astrobean

    Never imagined that my code would help someone like this, that's actually really cool, so thanks for that awesome moment! 🙏

    The bad news is: I did not do it right, but I did learn that understanding how CSS position works is equally as important as layout options like flexbox and grid! And, just like flexbox and grid, it can be tricky to wrap your head around it.

    I think more practice with CSS position will help you for sure.

  • argel omnes•1,780
    @argelomnes

    Hey, You can also use absolute positioning or even Grid. The latter will be a lot of work. But for this challenge, I'd prefer Astrobean's.

  • Account deleted

    Looks ok, but I think the card the size is small relative to the screen size on desktop.

    Keep coding👍.

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