@chelsea-here
Posted
Hi there, I found the layout shifting to be the most difficult part of this challenge. I found that the best solution was to have the popup component set to absolute so that it would have relative positioning to the parent, and not take up any real estate on the screen (ie. no layout shifting). Here is an article about this: https://www.geeksforgeeks.org/how-to-set-position-absolute-but-relative-to-parent-in-css/
I ended up creating a component and changing its document location and class names to take advantage of the appropriate parent. I based the mobile solution within the card component and the desktop solution within the button component. You can take a look at my solution here: https://github.com/chelsea-here/article-preview-component. hope this helps!
