5 quick ways to center a div with CSS

Hello DEV community 👋 Centering div is one of the common problems encountered in front-end layout. Avoid long-windedness, here are five simple and common centering methods:

1. Using Flexbox
   

2. Using Grid
   

3. Using Position
   

4. Using Flex and Margin
   

5. Using Grid and Margin
   

That's it! 5 easy and quick ways to solve one of my most googled css problems in every situation. Welcome to comment if you know of any other way to center a div, cheers! 🦹‍♂️