3 Contemporary CSS Techniques for Centering Items

Centering items with HTML and CSS used to be pretty tough to do. Well, it’s not anymore. There are many different ways to do it now. And that’s a good thing because we may need different options in different scenarios. In this video we look at three of my favorite ways to center items. We use positioning, then we use flexbox, and lastly, we’ll use my go-to, CSS grid. Alright, let’s get to it.
------------------------------------------------------------------------------
💖 Help Support the Channel:
If you found this helpful and want to show some love, you can always buy me a coffee (buymeacoffee.com/briantreese)!
------------------------------------------------------------------------------
🔗 Demo Links:
- Positioning: codepen.io/brianmtreese/pen/P...
- Flexbox: codepen.io/brianmtreese/pen/b...
- Grid: codepen.io/brianmtreese/pen/z...
------------------------------------------------------------------------------
📖 Chapters:
0:00 - Introduction
0:48 - Using CSS positioning to center items
2:50 - Using Flexbox to center items
3:49 - Using Grid to center items
------------------------------------------------------------------------------
#css #flexbox #grid #frontend #webdevelopment #weblayout