.contenedor-ventanas {
  display: grid;
  height: 100%;
  grid-template-columns: calc(50% - 3px) 6px calc(50% - 3px);
  grid-template-rows: minmax(0, 2fr) 6px minmax(0, 3fr);
  grid-template-areas:
    "enunciado  resizer1 vista-previa"
    "resizer2 resizer2 resizer2"
    "tabs tabs tabs";
}


@media (width < 900px) {

  .contenedor-ventanas {
    display: grid;
    height: auto;
    grid-template-columns: 100%;
    grid-template-rows: 350px 400px 600px;
    grid-template-areas:
      "enunciado"
      "vista-previa"
      "tabs"
  }
}