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

2nd HTML/CSS practice. Absolute Position NIGHTMARE😵‍💫

Rodrigo 480

@RodrigoHLC

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


Working with Absolute Position turned into a nightmare when I tried to use the Bottom and Right properties for the right background circle in the same way I had used Top and Left for the left background circle: to hide a portion of it. However, Bottom and Right kept expanding the sizes of the parent and the HTML and, from what I gathered, it's impossible to avoid this. I figured out I could at least use "overflow: hidden" to somewhat sort of try to hide this, but I still spent quite a bit of time trying to figure out/research a way to stop Bottom and Right from expanding the page, alas, to no avail.

Community feedback

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