Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML CSS site using flex and grid

@fakehungry

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I can't find the way to position svg patterns on both top and bottom.

Community feedback

Chris 740

@chrisbailey85

Posted

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
Discord logo

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