Skip to content
Submitted almost 4 years ago

HTML CSS site using flex and grid

fakehungry•30
@fakehungry
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 can't find the way to position svg patterns on both top and bottom.

Community feedback

  • Chris•740
    @chrisbailey85Posted almost 4 years ago

    I've just had a look, and had a little fiddle. You need to remove the background size and then adjusted positions. I'm not 100% sure as I'm still learning myself, but I think what's happening is when you've set the background size too 100% it's increasing the size of the of the svg, which is then causing the problem with the positioning as the svg is bigger than it was supposed to be to work for the design.

    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