Hi all,
This is my third post today. I am sorry to bother you haha. You guys where really helpful on my other posts.
I am currently building a landing page for my company. I built this layout in the editor and it looks really nice. I used div blocks to put images in and text in the same div blocks. When in the editor it looks really nice and in preview view too but sometimes they all jump up and do not look anything like they did in the editor. There is an animation on all 3 objects, do you have any idea how to fix this. I attached 2 screenshots.
I appreciate your time! I fixed it by remaking the site and dividing that section up in columns. I think there was something going on with the reading.
Now I am having problems with the responsiveness of the site haha. I’ll get there!
It is probably happening since you used positioning to place them. I have found that using flex and then positioning with margins and padding is the way to go.
The positioning for div blocks (example 2 and example 3) have been set to relative, which is fine but you also used positioning values to place them hence they are jumping around, you can keep them at relative but also use padding and margins to place them exactly where you want. This should fix your problem. Good luck!