JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer">

    <!-- The current page content will be loaded into this div. -->
    <div id="page">
        <section>
            <div id="hireme" class=" blue looking tagged"><a href="//careers.stackoverflow.com/jobs" target="_blank" data-hf="h" class="top"> <span>Looking for a job?</span></a><ul class="jobs"><li><a data-cid="184441" href="//clc.stackoverflow.com/j/ct?an=Y2ViYC9iLbt9_pIHwySTBAYmZgYmVmYGRgZ2BiBgqbzAxKB7UNN1Y_w7e2awOCMDELEASQbDOiaGlZsts-dqvbVnhckB9YB0ghUwswCJn3uYGCbrXPvef--1PQuaCSxeQMJ9KxND9iqd2U4Cj-yZEAoY8kzT_FMZGSsrTwEA&amp;cid=184441&amp;utm=%26utm_source%3Dstackoverflow.com%26utm_medium%3Dad%26utm_campaign%3Dlarge-sidebar-blue-looking" target="_blank" title="Test Automation Engineer ATC Global - US$30k at Crossover. Click to learn more.">Test Automation Engineer ATC Global - US$30k<br><div class="company">Crossover</div><div class="location" title="Bengaluru, India / remote">Bengaluru, India / remote</div><span class="post-tag">testcomplete</span><span class="post-tag">javascript</span></a></li><li><a data-cid="163377" href="//careers.stackoverflow.com/jobs/77067/front-end-javascript-engineer-high-growth-dc-fiscalnote-inc" target="_blank" title="Front-End JavaScript Engineer @ high-growth DC startup FiscalNote at FiscalNote, Inc.. Click to learn more.">Front-End JavaScript Engineer @ high-growth DC startup FiscalNote<br><div class="company">FiscalNote</div><div class="location" title="Washington, DC / remote / relocation">Washington, DC / remote / relocation</div><span class="post-tag">html</span><span class="post-tag">javascript</span></a></li><li><a data-cid="179449" href="//careers.stackoverflow.com/jobs/93456/senior-web-developer-akqa" target="_blank" title="Senior Web Developer at AKQA. Click to learn more.">Senior Web Developer<br><div class="company">AKQA</div><div class="location" title="Gurgaon, India">Gurgaon, India</div><span class="post-tag">javascript</span><span class="post-tag">css3</span></a></li><li><a data-cid="177479"...

CSS

body, html { margin: 0; padding: 0; }
  #outer { background: red; position: relative; width: 100%; height: auto; }
  #page { height: 100%; }

  #page > section { background: #666; width: 100%; }
  #page > section:nth-of-type(2n) { background: #333; }
  #page > section:nth-of-type(1) { height: 100%;background: red; }
  #page > section:nth-of-type(2) { height: 160px;background: yellow; }
  #page > section:nth-of-type(3) { height: 220px;background: aqua; }
  #page > section:nth-of-type(4) { height: 120px;background: darkblue; }

  footer { background: green; height: 160px; }