JSFiddle - React, Tailwind, and code Playground

HTML

<input id="location" name="location" required="" size="100" type="text" value="">

CSS

.test {
    background: red;
    position: fixed; 
    height: 100%; 
    left: 500px;
}

@media all and (min-width:500px){
    .test {
        left: 50%;
    }
}