JSFiddle - React, Tailwind, and code Playground

by thecoz21

HTML

<!doctype html>
<html>
    <head>
    </head>
    <body>
        <nav>
            <ul>
                <li><a href="/home">home</a></li>
                <li><a href="/chi-siamo">chi siamo</a></li>
                <li><a href="/prodotti">prodotti</a></li>
            </ul>
        </nav>
    </body>
</html>

CSS

li{
    display: block;
    width: 200;
    float: left;
    padding: 5px;
    background: black;
    margin-right: 1px;
}
li a{
    color: white;
}

body{
    background:green;
    -webkit-transition:background 0.5s;
}

@media all and (max-width:450px){

    body{
        background: red;
    }
    li{
        float:none;
        margin-top:1px;
        width:100px;        
}
}