JSFiddle - React, Tailwind, and code Playground

by Konstantin Rouda

HTML

<section class="c-grid">
  <div class="c-grid__item"></div>
  <div class="c-grid__item">2</div>
  <div class="c-grid__item">3</div>
</section>


  <!--<div class="c-grid__item">1 minmax(0, 200px)</div>-->

CSS

BODY {
  padding-top: 5rem;
}

.c-grid {
  display: grid;
  grid-template-columns: minmax(0, 200px) 1fr 1fr;
  box-sizing: border-box;
  border: 1px dashed;
}

.c-grid__item {
  /* min-width: 150px; */
  background: cornflowerblue;
}

.c-grid__item:nth-child(2) {
  background: firebrick;
}

.c-grid__item:nth-child(3) {
  background: yellowgreen;
}