grid — two column image

grid for two column image

source: https://medium.com/@mandy.michael/you-dont-need-a-media-query-for-that-2-responsive-columns-2582c6ea8700

source: https://codepen.io/mandymichael/pen/XWJPdoo (mobile responsive)

.grid-block-group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 9px;
}
.grid-block-group div {
  height: 200px;
}