Adjusting elements to screen resolutions

Design help General
1

Well this might be a silly question but I can not seem to be able to solve it.

So on this page http://ws7.webflow.io/about I have the text “outside” and “the box” on the side, it should be aligned to the left side of the white container and the other one - on the inside of it on the top. Its ok on some resolutions but in others it moves around, Ive tried a million things, even considered making it an image and have it as part of the background (that was kinda rubbish as well). I checked for similar issues on the forum but nothing solves this.

Any ideas of how I can do it so it aligns itself correctly on different resolutions?

Thanks

https://preview.webflow.com/preview/ws7?preview=aa90b773c63c41af53197fcde0af49c0

2

If you want the vertical text element to always be positioned the same regarding the big white block, then position it taking the white block as a reference.

Put the element inside the white block, reset previous absolute positioning styling and set them again as desired. Remove overflow hidden on the white block.

https://v.usetapes.com/wiOskp4glZ

1 Like
3

perfect, that all makes sense and worked thanks!

4

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.