A practical solution for centering a div
A couple of quick steps should get your div centered both horizontally and vertically at the same time!
- Search “how to center a div horizontally and vertically”
- Try three solutions from the search results
- When they don’t work, ask ChatGPT how to do it
- Feel relieved that it works, realize it doesn’t fully work
- Create a new React app, add Tailwind
- Search “how to center a div horizontally and vertically with Tailwind”
- Implement the solution, feel relieved it works
- Right click on the element to inspect it
- Copy the CSS and paste it into your original project
- Hope no one notices the class names and CSS don’t match the rest of the site
