JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
    <div id="header">
      <h1>Fejléc</h1>
    </div>
    <div id="content">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus volutpat aliquam tincidunt. Donec in iaculis sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec tempor vulputate consequat. Maecenas pretium molestie velit sed viverra. Proin porttitor elit tellus, id posuere lectus. Aliquam pulvinar, sem quis eleifend ornare, mauris tellus pharetra elit, id dapibus sem sem ut ante. Aenean sodales justo eu ligula pulvinar et sollicitudin lectus pulvinar. Nullam eu aliquet elit. Cras dapibus pharetra dolor, at pellentesque dolor consequat tincidunt. Sed fringilla ornare varius. Nunc imperdiet ipsum eu nisl interdum scelerisque. Quisque egestas justo eu mi dapibus tempus. In eu nunc lorem. Ut vulputate tortor quis nulla adipiscing vestibulum. Nunc felis nulla, iaculis sit amet mattis bibendum, aliquet eu felis.</p>

  <p>Donec pharetra, eros in tempus interdum, purus lorem pellentesque metus, vitae sagittis nulla erat quis felis. Morbi facilisis fringilla libero at malesuada. Nam pellentesque, tellus quis pretium egestas, nisi sem dapibus nunc, id lobortis sapien diam ut nunc. Donec pretium, lectus eget ornare sagittis, elit arcu posuere mi, iaculis semper libero ante vel quam. Nunc hendrerit sollicitudin odio semper rhoncus. Maecenas ligula dui, lobortis id iaculis ut, mattis quis odio. Integer eget libero eu ante adipiscing vehicula ut vel enim. Sed imperdiet quam sed nisi elementum pharetra. Aenean dapibus nisi nec sapien varius non dignissim justo sagittis. Vivamus vulputate urna eget diam consectetur pulvinar. Sed quis pretium ipsum. Aenean odio neque, lobortis sed iaculis vitae, ornare a tortor. Donec eu lectus ut diam pulvinar interdum.</p>

  <p>Praesent eu bibendum nulla. Donec pharetra viverra metus adipiscing tempor. Proin auctor purus id ipsum luctus placerat. Aenean hendrerit, elit ut molestie...

CSS

body {
  margin: 0;
  padding: 0;
}
html,
#main {
  height: 100%;
}
#main {
  position: relative;
}
#content {
  padding: 100px 0 50px;
}
h1 {
  margin: 0;
  padding: 0;
}
#header {
  height: 100px;
  line-height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: gold;
}
#footer {
  height: 50px;
  position: fixed;
  bottom: 0;
  left: 0;
  background: orange;
  width: 100%;
}