Site URL: https://www.shroomtown.co/contact
I've been working on a contacts page for our website, I have come to notice an issue with the alignment on the contacts page. As you can see in the attachments the image and the map become unaligned once the screen size becomes smaller, and the smaller it gets before hitting the threshold for mobile view, the more unaligned these two elements become.
How can I fix this issue? so that everything is resized to stay aligned with one another?
Image of the site when the elements are aligned at full screen size:
Smaller dimensions:
