JSFiddle - React, Tailwind, and code Playground

by HA3IK

HTML

<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="UTF-8" />
        <title>Simple</title>
    </head>
    
    <body>
        <!-- <div class="background"> -->
        <div class="header">
            <ul>
                <li><a href="#">UM</a>
                </li>
                <li><a href="#">Author</a>
                </li>
                <li><a href="#">Album</a>
                </li>
                <li><a href="#">Technology</a>
                </li>
            </ul>
        </div>
        <div class="content">
             <h1>Ночная смена</h1>

        </div>
        <div class="footer">
            <p>&copy; 2003-2008 UlinMusic</p>
        </div>
        <!-- </div> -->
    </body>

</html>

CSS

* {
    margin: 0;
    padding: 0;
}
html {
    height: 100%;
}
body {
    height: 100%;
    background: #868686;
}
div.header {
    width: 100%;
    height: 30%;
    background: #242424;
}