HTML Semantic, CSS

I often use display: flex;, align-items: center; & justify-content: center; to center things from both sides i.e. horizontally & vertically.

Though if I have to center a <div> only on the main axis then I use margin: 0 auto; to center but it should have a width for that to be happen as by default any <div> element is display: block; and it would take full width in the parent container.

display: grid; place-content: center; thats it ! ez

Hi there!

Congratulations on completing this project! 🎉

Here is the code that's commonly used for centering content horizontally and vertically:

.element {
  display: flex;
  justify-content: center;
  align-items: center;
}

Hope you find this helpful!

display:flex;
justify-content:center;
align-items:center
or 
display:grid;
place-content:center;