<script src="https://cdn.tailwindcss.com"></script>

<script type="text/javascript">
  tailwind.config = {
    theme: {
      extend: {
        gridTemplateColumns: {
          ram: 'repeat(auto-fit, minmax(150px, 1fr))',
        }
      }
    }
  }
</script>

<div class="grid grid-cols-ram bg-white gap-4 p-4">
  <div class="bg-pink-200 h-40 grid place-items-center rounded">1</div>
  <div class="bg-purple-200 h-40 grid place-items-center rounded">2</div>
  <div class="bg-blue-200 h-40 grid place-items-center rounded">3</div>
  <div class="bg-green-200 h-40 grid place-items-center rounded">4</div>
</div>