We need to refactor the code a little to make it semantically correct.
Existing tags need to be grouped into logical blocks for this to be semantically correct.

This task is part of the Full-Stack JavaScript Course
If you have any issues with it, you can ask for community help below the post
Feel free to help others if you’ve already solved the task

index.html

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <style>
      body {
        font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        position: relative;
      }
      .copyright {
        position: fixed;
        bottom: 0;
      }
      h1 {
        text-align: center;
      }
      ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        list-style: none;
      }
    </style>
  </head>
  <body>
    <h1>Giants between us</h1>
    <ul>
      <li>&#129351; Blue whale - average mass 110 tonnes</li>
      <li>&#129352; North Pacific right whale - average mass 60 tonnes</li>
      <li>&#129353; Southern right whale - average mass 58 tonnes</li>
      <li>Fin whale - average mass 57 tonnes</li>
    </ul>
    <p class="copyright">&copy; 2021 Coderslang. All right reserved.</p>
  </body>
</html>