Center a div with flex

by Checha Man

HTML

<div class="parent">
  <div class="child">

  </div>
</div>

CSS

.parent {
  display: flex;
  height: 250px;
  border: 1px solid red;
}
.child {
  height: 100px;
  width: 100px;
  border: 1px solid green;
  margin: auto;
}