3 ways to Center a Div

1. Using the Grid

.CenterDiv {
      display: grid;
      place-items: center;
}

1. Using flex

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

1. place content

.CenterDiv {
  display: grid;
  height: 100vh;
  place-content: center;
}