Answers for "flexbox to align to center of page"

move text to center of page flexbox

// Assuming a horizontally centered row of items for the parent but it doesn't have to be
.parent {
  align-items: center;
  display: flex;
  justify-content: center;
}

.child {
  display: flex;
  align-items: center;
}

how to align a flex container center

.table-wrapper {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  margin: 0 auto;
}