4 ways to deal with overflowing text

Published: 24 November 2022
on channel: Kevin Powell
77,785
4k

Overflowing text is actually a feature of CSS, but it can feel like a pretty annoying one 😂. Depending on the situation, there are different ways we can deal with it though, so in this video I look at 4 different ways that could come in handy in different situations.

🔗 Links
✅ Custom scrollbars:    • Create custom scrollbars using CSS  
✅ Container Query Unit support: https://caniuse.com/?search=container...
✅ More on container queries:    • Container Queries are going to change...  
✅ More on container query units:    • New CSS Units! Container Query Units ...  

⌚ Timestamps
00:00 - Introduction
00:50 - Why is this even happening
01:20 - overflow-x
01:40 - break-word
02:21 - min-content and fit-content
03:07 - container queries

#css

--

Come hang out with other dev's in my Discord Community
💬   / discord  

Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter

Come hang out with me live every Monday on Twitch!
📺   / kevinpowellcss  

---

Help support my channel
👨‍🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-t...
💖 Support me on Patreon:   / kevinpowell  

---

My editor: VS Code - https://code.visualstudio.com/

---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Twitter:   / kevinjpowell  
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell

---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!


Watch video 4 ways to deal with overflowing text online without registration, duration hours minute second in high quality. This video was added by user Kevin Powell 24 November 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 77,78 once and liked it 4 thousand people.