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


<!DOCTYPE html>
      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;
    <h1>Giants between us</h1>
      <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>
    <p class="copyright">&copy; 2021 Coderslang. All right reserved.</p>