2 ways to horizontally center a DIV in CSS
Let’s take this simple HTML structure: The first method involves some straight-forward CSS: Doesn’t get much simpler than that: And, if it this is all you need to do, you can probably stop here. But, sometimes what you’re actually trying to do is a little more complicated and you need some more flexibility. Enter CSS Grid: Here, we’re creating a grid with 1 column that fills the entire space of the parent DIV. Then, a child DIV with a 60% width. And, using justify-items to center the child DIV. This might seem like overkill for something this simple, but it