Struggling to have a responsive text

Hey guys,

I’m building a website now and i’have come to a end that my text wasn’t responsive as i wanted.
I present you my problem through this 2 screenshots:


On the base breakpoint, the text is aligned as i wanted.


After reducing the screen width for testing the responsiveness, this happen.

This is happening on the same breakpoint (desktop). I want to have a consistent text that stay in the initial position for the same breakpoint.
If anyone have a solution to this problem, i will be very thankfull :pray:

Peace,


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi @Elliot_U :wave: It cause you set “static” (in pixels) width for some of element. Try to set it as VW. Or just provide Read-Only link of your project (after that, it will be clear exactly what the problem is):v:

1 Like

hi @bro-design
Thank you for your response, i already try with VW and i use most of the time % and REM.
You’re right, i should provide the Read-Only link, i forgot it

https://preview.webflow.com/preview/test-layout-e42d6f?utm_medium=preview_link&utm_source=designer&utm_content=test-layout-e42d6f&preview=777d0822ae61c7d5a13a9c71d7b02ed5&workflow=preview

Ok as your design used REMs for texts, so the way to do this:

It’s working ! thank you for taking the time to help me, you’re my hero !