Myvideo

Guest

Login

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

Uploaded By: Myvideo
1 view
0
0 votes
0

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 💬 Keep up to date with everything I’m up to ✉ ... #Kevin_Powell #center_vertically #centering_with_css #css #css_center #flexbox #front-end #frontend #grid 20210812 87YMCtsBoCM

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later