Перейти к содержимому

Best (and worst!) ways to center WITHOUT flex or grid

Kevin Powell

0:00 / 0:00

Best (and worst!) ways to center WITHOUT flex or grid

74 265 просмотров · 5 л. назад
Kevin Powell
1 млн подписчиков
74 265 просмотров · 5 л. назад
People like to make fun of how hard it is to center things with CSS, and while we have flex and grid which make it super duper easy these days. Sometimes when someone complains about it, then gets a reply of "it's easy with flexbox", they reply "but what if you can't use flexbox or grid?". It's a dumb reply, but it did get me thinking a little. ⌚ Timestamps 00:00 - Introduction 01:06 - The criteria 02:09 - Technique #1 - line-height 04:52 - Technique #2 - tables 06:58 - Technique #3 - position absolute v1 10:15 - Technique #4 - position absolute v2 12:30 - Technique #5 - padding (with custom properties) #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!