The idea is to get the hover button to expand when clicked on across the screen. So I have created: normal button, hover button and whiteout button (the one that expands).
Trying to get the whiteout button - to align with the normal and hover buttons (same shape, size, placement) across different screen sizes but somehow unable to do so. The whiteout button is a little bit to the left on smaller screen sizes. One of them is an object grouped with a text and another is a simple object. Does that difference have something to do with it?
You can see exact position value of a selected element in Properties > Position & Size tab.
In your project, the whiteout left is 50% while the group left is 45%, so they aren’t aligned.
You can select them all and set the same value in Properties, or by using Alignment toolbar.
By the way, there are some other issues:
You can double-click a div or shape to add text, don’t need to add a separate text element.
Don’t create responsive layouts if it’s not required as in this project.
In the future, please share project package (File > Save As > Package), not project file only because it doesn’t contain resources.