Tailwind Review

<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">

<div class="container mx-auto my-4 p-4 bg-gray-100">
  <div class="px-4 py-4 my-20 max-w-sm mx-auto rounded-lg shadow-lg bg-white">
    <div class="tracking-wide">
      <h2 class="py-2 text-gray-800">评审结果（100人）</h2>
      <div class="px-8 pb-4 -mx-8 border-b">
        <div class="flex items-center justify-between">
          <div class="tracking-tighter text-red-500">5 星</div>
          <div class="w-3/5">
            <div class="w-full h-2 rounded-lg bg-gray-300">
              <div class="w-6/12 h-full rounded-lg bg-red-600"></div>
            </div>
          </div>
          <div class="text-sm text-gray-700">50%</div>
        </div>
      </div>
    </div>
    <div class="py-4 w-full">
      <h3 class="tracking-tight font-medium">我要评价</h3>
      <p class="py-1 text-sm text-gray-700">请给出您宝贵的意见或建议！</p>
      <button class="mt-2 px-3 py-1 border border-red-500 rounded bg-red-400 text-white">立即评价</button>
    </div>
  </div>
</div>