Skip to content
Submitted almost 4 years ago

card profile using html and css

Darius Pop•120
@bumbledoge
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

mobile version has those long scroll bars, i'm not sure what how i should fix that. Send me your tips please :D thanks

Community feedback

  • Elizabeth•460
    @gelizabethPosted almost 4 years ago

    Hi! That scroll bars issue is because of svgs height is 978px.. Set it through background property in body styles. In my solution I use background: url('../img/bg-pattern-top.svg') 125% 200% no-repeat, url('../img/bg-pattern-bottom.svg') -20% -120% no-repeat, $dark-cyan; Hope this helps.. Happy coding!

    1
    Darius Pop•120
    @bumbledogePosted almost 4 years ago

    @gelizabeth thanks a lot!

    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