Vertically centered and horizontally centered

.parent div {
  display: flex;
  height: 300px;
  width: 100px;
  background-color: gainsboro;
  align-items: center;
  justify-content: center:
}

• Vertical alignment : align-items
• Horizontal alignment : justify-content