<article class="rounded-xl border border-gray-700 bg-gray-800 p-4">
  <div class="flex items-center gap-4">
    <img
      alt=""
      src="https://images.unsplash.com/photo-1614644147724-2d4785d69962?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=928&q=80"
      class="size-16 rounded-full object-cover"
    />

    <div>
      <h3 class="text-lg font-medium text-white">Claire Mac</h3>

      <div class="flow-root">
        <ul class="-m-1 flex flex-wrap">
         