.container {
  display: flex; 
  flex-wrap: wrap;
}

.cell {
  flex-grow: 0.25;
  height: 33vh; 
  border: 1px solid;
}

.cell-lg {
  flex-grow: 1.0;
  border: 1px solid;
  height: 100vh;  
}

@media (max-width: 1024px) {
  .cell {
    width: calc(50% - 2px)
  }
}

@media (max-width: 460px) {
  .cell {
    width: calc(100% - 2px)
  }
}