Hey guys, I have this element on my project that is supposed to be centered right where the gradient is and look like this image:
However, I’m not great with the absolute and relative function and I’m wondering how to make it stick there for when the screen size breaks because otherwise the element moves around like this:
Here is my site Read-Only: Webflow - Ascertain Landing Page
Hello @Nicholas_Graham_Pla1,
So there are multiple ways to achieve this layout, you could build the section normally and then add a gradient on the background that looks like an overlap but it is just a gradient with solid colors. But you are using the absolute method and that is another way too. So to make it work on your case you have to have the parent element set to relative, in your case the section, once your section is set to relative your position absolute object will look like it moved up from where it was, then you can move it down by giving it negative bottom position
modify accordingly for your other breakpoints. That worked for me on the read only link. Let me know if you have any questions. I hope this helps!