JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    
    <div id="header">
  ffs
    </div>
    
    <div id="content">
    sfsdfsd
    </div>
    
    <div id="footer">
   sdfsdf
    </div>
    
    </body>

CSS

html {
    height: 100%;
    width: 100%;
}    
body {
        color: white;
        font-family: 'Play', sans-serif;
        max-width: 2560px;
        margin: 0 auto;
        min-width: 960px;
        height:100%;
        padding:0;
    }
    
    #header {
        position: relative;
        overflow: hidden;
        margin: 0 auto;
        min-width: 960px;
        height: 95px;
        background-image: url("../images/header-bg.png");
    }
    
    #content {
        margin: 0 auto;
        position: relative;
        max-width: 1600px;
        height:100%;
        overflow:hidden;
    }
    
    #footer {
      background-color: #009EDB;
      background-image: url("../images/footer-bg.png");
      bottom: 0;
      height: 30px;
      margin: 0;
      position: relative;
      width: 100%;
    
    }