JSFiddle - React, Tailwind, and code Playground

HTML

<footer>
    <nav>
        <ul>
            <li><a href="https://jcubic.wordpress.com" rel="">blog</a></li>
            <li><a href="#" rel="">projects</a></li>
            <li><a href="#" rel="">tutorials</a></li>
            <li><a href="#" rel="">portfolio</a></li>
            <li><a href="#" rel="">poezja</a></li>
            <li><a href="#" rel="">poezja</a></li>
            <li><a href="#" rel="">poezja</a></li>
        </ul>
    </nav>
    ...
</footer>

CSS

footer {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
}
footer nav {
    position: absolute;
    left: 100px;
    bottom: 0;
    align-content:center;
    min-width:500px;
}
footer nav ul {
    position:absolute;
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    left:100px;
}
footer nav ul li:after {
    content: "•";
    margin: 0 10px;
}
footer nav ul li {
    float: left;
}
footer nav ul li:last-child:after {
    content: "";
}
footer #copy {
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 801px) {
    footer #copy {
        right: 60px;
    }
}
footer #copy p {
    margin: 0;
}
footer nav ul li a {
    text-decoration: none;
}
@media screen and (max-width: 800px) {
    footer {
        height: 40px;
    }
    footer nav {
        left: 50%;
        top: 0;
    }
    footer nav ul {
        position: relative;
        left: -50%;
    }
    footer #copy {
        left: 50%;
        bottom: -20px;
    }
    footer #copy p {
        position: relative;
        left: -50%;
    }
}

JavaScript

// Error
  functionOne();

  var functionOne = function() {
  }

  // No error
  functionTwo();

  function functionTwo() {
  }