Responsive Letter Spacing

Design help General
1

Hey, i am new to this but i couldnt find an appropriate answer in the forums yet unfortunately.

When i set the letter spacing in the header to px (i want to have it 155px) it wont respect the div containers size its in when on a smaller viewport. I managed to work with vw instead of px but its just the problem in reverse. working with % doesnt seem to work :confused: so my question is, when my body content is centered how do i get the text to respect the size of the div its in on larger AND smaller viewports.

I’d be very happy if someone can help me here

Here is my site preview: https://preview.webflow.com/preview/123-a741f1?utm_medium=preview_link&utm_source=dashboard&utm_content=123-a741f1&preview=05d111dbfa6cbb32e87da953c6127a58&mode=preview

2

Hi Paul,

What you’re asking is not a simple thing to create, and is kind of impossible to achieve using only CSS & HTML, let alone, using Webflow.
You can do this with JavaScript and 3rd party plugins.
This one for example:

3

Thanks for your reply!
In the end i managed to make it via a Grid, putting in every letter in a different cell.
Works absolutely fine :slight_smile:

With more text it won’t make sense though