JSFiddle - React, Tailwind, and code Playground

by jscheel

HTML

<link rel="stylesheet" href="http://meyerweb.com/eric/tools/css/reset/reset.css">
<div id="content-wrapper">
    <div id="content-wrapper-inner">hello<br />world</div>
</div>
<div id="footer-wrapper">
    <iframe id="footer" class="loading" src="//lvh.me:3000/pop_branding_footer/" frameborder="0" scrolling="no" allowtransparency="true" height="253" seamless></iframe>

CSS

html, body {
    height: 100%;  
    line-height: 60px;
}

#content-wrapper {
    min-height: 100%;
	padding-bottom: 253px;
}

#content-wrapper-inner {
    overflow: auto;
	padding-bottom: 20px;
}

#footer-wrapper {
    margin-top: -253px;
}

#footer {
    /* height: 253px; */
    background: #00ff00;
    width: 100%;
}