HTMLify

@media screen and (max-width: 500px) {
  .main {
    flex-direction: column;
    align-items: center;
    height: 50vh;
  }
  .main .container {
    display: grid;
    grid-template-rows: repeat(3, 15vw);
    grid-template-columns: repeat(3, 15vw);
  }
  .gameinfo {
    display: grid;
    justify-content: center;
    margin-top: 40px;
  }
}