<style>
.container {
  width: 200px;
  border: solid;
}

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

  width: 100%;
  aspect-ratio: 1;

  background-color: cyan;
  
  font-family: Ahem;
  font-size: 20px;
}
</style>
<!-- PASS if the text content is centered both horizontally and vertically -->
<div class=container><div class=grid>centered</div></div>