Stat Responsive

                    <div class="grid grid-cols-1 lg:grid-cols-3 gap-4">
  <div class="bg-white rounded-lg shadow-md p-5">
    <div class="text-sm font-medium text-gray-500">Downloads</div>
    <div class="text-3xl font-bold text-gray-900 mt-1">31K</div>
    <div class="text-sm text-gray-500 mt-1">Jan 1st - Feb 1st</div>
  </div>
  
  <div class="bg-white rounded-lg shadow-md p-5">
    <div class="text-sm font-medium text-gray-500">New Users</div>
    <div class="text-3xl font-bold text-gray-900 mt-1">4,200</div>
    <div class="text-sm text-gray-500 flex items-center mt-1">
      <svg class="w-4 h-4 text-green-500 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
        <path fill-rule="evenodd" d="M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.586 14.586 7H12z" clip-rule="evenodd" />
      </svg>
      400 (22%)
    </div>
  </div>
  
  <div class="bg-white rounded-lg shadow-md p-5">
    <div class="text-sm font-medium text-gray-500">New Registers</div>
    <div class="text-3xl font-bold text-gray-900 mt-1">1,200</div>
    <div class="text-sm text-gray-500 flex items-center mt-1">
      <svg class="w-4 h-4 text-red-500 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
        <path fill-rule="evenodd" d="M12 13a1 1 0 100 2h5a1 1 0 001-1V9a1 1 0 10-2 0v2.586l-4.293-4.293a1 1 0 00-1.414 0L8 9.586 3.707 5.293a1 1 0 00-1.414 1.414l5 5a1 1 0 001.414 0L11 9.414 14.586 13H12z" clip-rule="evenodd" />
      </svg>
      90 (14%)
    </div>
  </div>
</div>