Css-центрированный елемент

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

// add to the parent element
.parent {
	display: grid;
    place-items: center;
}

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