JSFiddle - React, Tailwind, and code Playground

HTML

<div class='nav'></div>

CSS

@media screen and (min-width: 600px) {
       .nav {
        position:absolute;
        top: 0px;
        height:10px;
        width:20px;
        background-color:red;
        left: 5%;
     }
    }
    
    
    
    @media screen and (max-width: 600px) {
       .nav {
        position:absolute;
        right:10px;
        height:10px;
        width:20px;
        background-color:green;
       
     }
    }