<footer class="footer footer-center p-4 bg-base-100 text-base-content">
  <div class="items-center grid-flow-col">
    <p>UW CS348 F22</p>

    <!-- The button to open modal -->
    <label for="my-modal-4" class="btn btn-ghost">Group 42</label>

    <!-- Put this part before </body> tag -->
    <input type="checkbox" id="my-modal-4" class="modal-toggle" />
    <label for="my-modal-4" class="modal cursor-pointer">
      <label class="modal-box relative" for="">
        <h3 class="font-bold">Group 42</h3>
        <ul class="py-4">
          <li>Warren Elbert</li>
          <li>Nicholaus Suprapto</li>
          <li>Edward Ryan</li>
          <li>Kevin Xu</li>
          <li>Shuyao Shi</li>
        </ul>
      </label>
    </label>
    <p>Copyright © 2022</p>
  </div>
</footer>