Master CSS Overflow/Text Wrapping Like A Senior Developer

Web Dev Simplified β€’ August 10, 2024
Video Thumbnail
Web Dev Simplified Logo

Web Dev Simplified

@webdevsimplified

About

Web Dev Simplified is all about teaching web development skills and techniques in an efficient and practical manner. If you are just getting started in web development Web Dev Simplified has all the tools you need to learn the newest and most popular technologies to convert you from a no stack to full stack developer. Web Dev Simplified also deep dives into advanced topics using the latest best practices for you seasoned web developers. I started Web Dev Simplified in order to share my passion for web development, and do what I truly love. Teach and inspire new web developers. I have been in love with full stack web development since 2015 when I did my first internship as a web developer. Ever since then I have pursued my passion, learning everything there is to know about web development. Over the years I have taught many colleagues and friends the joys of web development, and cannot wait to teach you. Thank you for watching!

Video Description

Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-6m3ZmlgfZlA We all pretty much know how the overflow property in CSS works, but there is so much more to overflow than just the overflow property. There are at least 5 other properties you need to master to truly learn how to properly handle overflow and in this video I will teach them all to you. πŸ“š Materials/References: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-6m3ZmlgfZlA Intrinsic Sizing Video: https://youtu.be/1AyiCquK8zY 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:35 - overflow Property 02:30 - overflow: clip 05:00 - overflow-anchor Property 06:14 - Text Wrapping Setup 07:59 - overflow-wrap Property 10:35 - word-break Property 14:12 - hyphens Property 16:38 - text-overflow Property 18:18 - line-clamp Property #CSS #WDS #CSSOverflow