I have an issue trying to align a modal reveal panel to the right side of the viewport. The page in question can be found here:
What I try to do:
- Each member card is in a Flexbox container and also contains a modal reveal with an ID.
- When revealing the modal, it shall stick to the right side of the VP with different widths depending on VP size
- To achieve this I select position:fixed, right:auto, left:variable VW values depending on breakpoint and Width: auto. That way I am in control of the portion of VW that is covered.
Unfortunately, the modal insists to move to the VP centre. What am I missing? I have been going over this for days, but don't seem to go further.
Another thing that bothers is that the sliding in works well, but it does not slide out completely.
Thanks for your help