.wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(100px, auto);
width: 900px;
}

.four {
  grid-column: 3;
  grid-row: 3;
   width: 324px; /* I took the width from your post and placed it in css */
   height: 151px;

}

.four img {
   height: 100%;
   width: 100%;
}

.game {
  background-color: #eee;
  color: #000;
  cursor: pointer;
  padding: 10px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;

}


.content {
  padding: 0 18px;
  background-color: #f1f1f1;
  width:100px;

}
.links {
    width: 100%;
    height: 100%;
  padding: 10px;
}
.left {
    width: 50%;
    float: left;
}
.right {
    width: 50%;
    float: right;
}