JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="block"></div>
  <div class="block"></div>
</div>

CSS

.container{
  display: flex;
  flex-wrap: wrap;
  max-width: 1140px;
  width: 100%;
}
.block{  
  width: 50%;
  height: 50px;
  min-width: 285px;
}
.block:first-child{
  background: red;
}
.block:last-child{
  background: green;
}