JSFiddle - React, Tailwind, and code Playground

by Mahadevan Sivasubramanian

HTML

<div style="background:red;">
  <header style="color:white;"> 
       Sample text
  </header>

</div>

JavaScript

$(document).ready(function () {

    $(window).resize(function () {
        if ($(window).width() < 800) {
            $("header").css("margin-top", "0px");
        }
        if ($(window).width() < 578) {
            $("header").css("margin-top", "0px");
        }
        if ($(window).width() > 800) {
            $("header").css("margin-top", "80px");
        }
        if ($(window).width() < 768) {
            $("header").css("margin-top", "80px !important");
        }
    });


});