Design comparison
Solution retrospective
I don't understand how to put the popup of share section in the same position if the screen resolution change, anyone can help me with that?
Community feedback
- @osoriodevPosted almost 3 years ago
Hello.
You need to set the position of the pop-up in relation to the card. You have to set the card with
position: relative
, and just calculate the correct position.If the card position changes, so will the pop-up
I hope it helps you.
0@GMarcellPosted almost 3 years ago@osoriodev if i set position: relative the pop up will appear below the profile section, how i overcome this??
0@osoriodevPosted almost 3 years ago@GMarcell I was checking your code. Here are some instructions for the desktop view.
- Set the container with
position: relative
and delete theoverflow: hidden
- Set the sharesection with
top: 48%;
andright: -60px
- And set the upperimage with
border-radius: 10px 0 0 10px
andoverflow: hidden
With this it should work fine.
Marked as helpful1 - Set the container with
Please log in to post a comment
Log in with GitHubJoin 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