Having some trouble with spacing on my company’s LP. On the desktop layout, I’ve inserted three columns, each with an image and a text block. The columns are horizontally arranged.
When I go to the mobile layout, I see that my images and text blocks fall outside of the frame. However, when I try to rearrange the mobile layout to fit, I end up changing the spacing and sizing on the desktop layout. So I’m basically in an endless loop of adjusting the mobile and desktop versions.
How can I be sure that a change I make to the mobile layout editor will only push to the mobile layout (and desktop edits only pushing to the desktop site)? Any help would be appreciated.
I also recommend watching through this responsive web design course to learn a little more about responsive design. There are many elements positioned using negative margins and have pixel based height settings on them while the heights could be set to “auto” instead.
I’m still having the issue of bleedover from the mobile to desktop formatting. When I try to re-size or re-position an element in mobile, it just reverses my formatting changes in desktop.
It seems almost like I need a separate style class for the mobile and desktop images, but it doesn’t look like that’s possible through the interface. Is there anything else I can do?