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

CSS positioning

@tw1zt

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'm not sure how to get the background circles to move while the screen size changes. I did the positioning for the two sizes only. All help is welcome. Thank you.

Community feedback

@analuzcervantes

Posted

Hi! 🖖

Your design looks pretty good.

For your doubt with the background position, you can do it with vh and vw. It would be something like this right 50vw bottom 50vh, left 50vw top 50vh

[Here I leave you more information] (https://css-tricks.com/fun-viewport-units/)

Be well, keep coding! 💻👾

3
Marco 185

@devMarco02

Posted

I used a grid with 2 columns and 2 rows, then I put the first circle on top-left, then the other circle on bottom-right, but I think analuzcervantes' comment is simpler.

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