JSFiddle - React, Tailwind, and code Playground

HTML

<div id="loginpage">Login</div>

<div id="headerbodyadmin">Header</div>

CSS

@media (max-width: 1440px) {

  #loginpage {
    position:relative;
    margin-top:15%;
    background:red;
  }

  #headerbodyadmin {
    position:relative;
    margin-top:20%;
    background:yellow;
  }

}