centering with flexbox

1display: flex;
2align-items: center;
3justify-content: center;

1/* HORIZONTAL */
2justify-content: center;
3
4/* VERTICAL */
5align-items: center;

1	display: flex;
2    width: 60%;
3    justify-content: center;
4    margin: 0 auto;

1section {
2  width: 200px;
3  border: 1px solid #2d2d2d;
4  display: flex;
5  justify-content: center;
6}

1.table-wrapper {
2  display: flex;
3  flex-direction: column;
4  padding: 2rem;
5  margin: 0 auto;
6}

1.parent{
2	display: flex;
3    justify-content: center;  /* Center Horizontally */
4    align-items: center;      /* Center Vertically */
5    
6}