Skip to content
Submitted over 3 years ago

Profile Card Component

Mark Anthony Codes•75
@markcodes
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

Still a newbie when it comes to HTML5 and CSS. I tried matching it with sample its just im finding it hard to fix the SVG background on mobile. Please check my work and advise so I can improve. Thank you!

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    Greetings, Mark Anthony Codes! 👋

    Congratulations on completing your first Frontend Mentor challenge! 🎉 Nice work on this challenge! 👏

    I found that adding the background images using CSS background images (as you've done) works well for this challenge. As for positioning the background images, if you use viewport units (e.g., vw and vh) to do so, they should more or less remain in their place even when the screen is resized (and consequently, they won't move out of view in the mobile layout). 😉

    Keep coding (and happy coding, too)! 😁

    1
    Mark Anthony Codes•75
    @markcodesPosted over 3 years ago

    Thank you for your feedback :) I will continue to improve thanks to guys like you. Thank you for the inspiration as well.

    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