Community forum for knowledge and support

Updated 11 months ago

Overflowing Text On The 256px Breakpoint

At a glance

The community member has a problem with overflowing text on a 256px breakpoint in their card design. They tried setting the grid to display-flex-vertical and align-stretch for the content, but it didn't work. Another community member suggested adjusting the breaking on the word "credentials/certifications" or using a hyphen instead of the slash, which solved the problem.

Useful resources

Hi! I have a similar question as before with overflowing text - on the 256px breakpoint, my text overflows. I tried setting the grid to display-flex-vertical and then align-stretch for the content again, but it didn’t want to work for me. Did I do something incorrectly? This is in regard to the card here.


https://preview.webflow.com/preview/alpenglow-counseling?utm_medium=preview_link&utm_s[…]379620f823&pageId=65a2f0501bf69dac461d9d85&workflow=preview

M
S
2 comments

you could try adjusting the breaking on the word credentials/certifications - or instead of / you could try - which will let the HTML/browser know where to break for a new line.

Thank you, Matt!! This solved the problem!!

Add a reply
Sign up and join the conversation on Slack