How to center a div 12 ways!!

Channel:

codeSTACKr

Subscribers:

296,000

Published on August 27, 2022 2:00:18 PM ● Video Link: https://www.youtube.com/watch?v=kphds-1V9o8

Category:

Tutorial

Duration: 2:36

6,147 views

499

🦸 Become A VS Code SuperHero Today: https://vsCodeHero.com
🧑🏾‍🤝‍🧑🏽 Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

Why is it so hard to center a div in CSS? It used to be, but now we have so many options!

Here are 12 ways to center a div.
_____________________________________

🛠️ Tools I use:
🟠 codeSTACKr Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 STACKr Code Font (Exclusive to my VS Code Course - https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions
_____________________________________

⏱️ Timestamps ⏱️
00:00 - Intro
00:11 - Method 1 (Don't use!!)
00:18 - Basic Setup
00:26 - Method 2
00:54 - Method 3
01:06 - Method 4
01:15 - Method 5
01:29 - Method 6
01:40 - Method 7
01:45 - Method 8
01:54 - Method 9
02:00 - Method 10
02:06 - Method 11
02:08 - Method 12
_____________________________________

💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

👀 Watch Next:
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

🌐 Connect With Me:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #css #learntocode