CSS

center

.wrapper {
  line-height: calc(100vh - 20px);
  height: calc(100vh - 20px);
  text-align: center;
  background: red;
}
.inner {
  background: green;
  color: white;
  padding: 12px;
  display: inline;
}

center

<div class="container-sm">100% wide until small breakpoint</div>
<div class="container-md">100% wide until medium breakpoint</div>
<div class="container-lg">100% wide until large breakpoint</div>
<div class="container-xl">100% wide until extra large breakpoint</div>
<div class="container-xxl">100% wide until extra extra large breakpoint</div>