JSFiddle - React, Tailwind, and code Playground

HTML

<article>
  <section></section>
  <section></section>
</article>

CSS

article {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 100px;
  grid-column-gap: 5pt;
  grid-row-gap: 5pt;
}

section {
  background-color: green;
}

@media (max-width: 600px) {
  article {
    grid-template-columns: 1fr;
    /* for a complete reset, change value to 'none' */
  }
  section {
    background-color: orangered;
  }
}