Skip to content
Submitted almost 4 years ago

HTML, CSS Flexbox

Moreshwar Nabar•30
@moreshwarnabar
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

Completed my first challenge. It was a bit difficult at times, but I am happy with the end result. Setting up the background was the most challenging part. It still doesn't respond perfectly at lower screen sizes. Also feel like my CSS is too long. Would love some feedback on how to style the background better!

Community feedback

  • Web Frog•1,840
    @MasterDev333Posted almost 4 years ago

    Great work. Your solution is spot on. Needs some improvements while drawing background. To make background position responsive, you may use vw rather than px. so it should be background-position: top xvw left xvw, bottom xvw right xvw; Hope it helps. Happy coding~ :)

    Marked as helpful
    1
    ayesha•10
    @ayeshashaikh0Posted almost 4 years ago

    plz tell how to use it ?

    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