Skip to content
Submitted over 3 years ago

Profile card component using HTML and CSS

Jenna•125
@jamby4546
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 am a very new beginner so feedback is appreciated! I am not sure how to align the background to make the bubbles exactly the position in the example? There is 2 overlayed backgrounds so I wasnt sure how to move them around independently in CSS. I used bootstrap for this, as I don't know CSS grids but looking back i think CSS grid or flexbox would be a better option.

Community feedback

  • Roc Tanweer•2,500
    @RocTanweerPosted over 3 years ago

    Awesome work 👍 for your starting journey in web dev 😊 miss...

    You may read this article to fully understand about how to deal with multiple images in background.

    For motivation ☺️.... When I did this project, it frustrated me very deeply but I found an article like this and learnt then applied...

    If you don't know a thing then just google it

    Hope it helps 🙂 Happy coding...!

    1
    Jenna•125
    @jamby4546Posted over 3 years ago

    thank you the article was really helpful! im glad i wasn't the only one frustrated with this challenge...it made me feel like i didn't actually know as much as i thought i did hahah

    0
    Roc Tanweer•2,500
    @RocTanweerPosted over 3 years ago

    @jamby4546 My pleasure.!

    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