JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container"><div>Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi consequat libero ac cursus varius. Phasellus at massa vel nisi pharetra facilisis.  Nam a arcu vel ligula aliquam facilisis quis nec nibh. Etiam fringilla aliquet nulla, a tristique lectus finibus eget. Aenean pulvinar iaculis pharetra. Duis aliquam elementum justo, et sodales turpis fringilla ac.</div>
    <div>sit amet ipsum at cursus. Nam a arcu vel ligula aliquam facilisis quis nec nibh. Etiam fringilla aliquet nulla, a tristique lectus finibus eget. Aenean pulvinar iaculis pharetra. Duis aliquam elementum justo, et sodales turpis fringilla ac.</div>
    <div>Nam ac suscipit dui. Fusce vestibulum lacus non diam porta, ac suscipit nisi suscipit. Praesent vulputate lectus ut urna iaculis lobortis. Nunc molestie sit amet ipsum at cursus.</div>
    <div>Praesent vulputate lectus ut urna iaculis lobortis. Nunc molestie sit amet ipsum at cursus.</div>
    
    <div>Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi consequat libero ac cursus varius. Phasellus at massa vel nisi pharetra facilisis.  Nam a arcu vel ligula aliquam facilisis quis nec nibh. Etiam fringilla aliquet nulla, a tristique lectus finibus eget. Aenean pulvinar iaculis pharetra. Duis aliquam elementum justo, et sodales turpis fringilla ac.</div>
    <div>sit amet ipsum at cursus. Nam a arcu vel ligula aliquam facilisis quis nec nibh. Etiam fringilla aliquet nulla, a tristique lectus finibus eget. Aenean pulvinar iaculis pharetra. Duis aliquam elementum justo, et sodales turpis fringilla ac.</div>
    <div>Nam ac suscipit dui. Fusce vestibulum lacus non diam porta, ac suscipit nisi suscipit. Praesent vulputate lectus ut urna iaculis lobortis. Nunc molestie sit amet ipsum at cursus.</div>
    <div>Praesent vulputate lectus ut urna iaculis lobortis. Nunc molestie sit amet ipsum at cursus.</div></div>

CSS

#container{
  
  display: -webkit-box;  
  display: -webkit-flex;
  display: -ms-flexbox;
  
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;

  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
} 

#container div {
  background: gold;
  padding: 0.5%;
  margin:0.5%;
  
}


@media (max-width: 480px) {
	#container div {
		max-width: 98%;
	}
}
@media (min-width: 480px) and (max-width: 1080px) {
	#container div {
		max-width: 48%;
	}
}
@media (min-width: 1080px) {
	#container div {
        max-width: 23%;
	}
}