Why is the text not wrapped within the heading box?

Why is the text not wrapped within the heading box?
if it works, i should see the whole word “EXPERIENCE” no matter what screen size
Anyone have the solution to solve the problem? I will provide an image to explain what I am encountering. Many thx~

Here is my site Read-Only:

Hi Martin! I just took a look, and it looks like you’ve got it figured out. Gotta make sure you’ve checked the styling at all of the various breakpoints! Check this article from Webflow University for more on this functionality, or feel free to reply if you have any other questions.

Hi Chris, yes I saw a solution that it add paddings around the container outside n it solves the problem.
But idk how it works?

That’s definitely a way you can go about it. Just going by your image, as the read-only project seems to vary from when you originally made this post, simply making the font size smaller and/or decreasing the letter spacing (depending on your preference) would have solved this issue.

As far as padding goes – when defining spacing around something, you have two options: margin and padding. Margin is the space OUTSIDE the container, and padding is the space INSIDE the container. So, if your heading is inside a Div Block or a Container, and you wanted to add space around it, you’d add padding. I drew up a quick example for you. Hopefully this makes sense!

Thank you so much for recommending this article https://university.webflow.com/lesson/intro-to-breakpoints….It really hep me a lot to find out the solution as I was also facing the same issue so I took a look at your recommendation which was really helpful.

1 Like