how to center an element in a div code example

Example 1: center a div in css

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

Example 2: how to center anything inside your container

display: grid;
    place-items: center;
    height: 100vh;

Example 3: how to center a div

<div class="container">
  <div class="child"></div>
</div>