JSFiddle - React, Tailwind, and code Playground

by napascual

HTML

<body>
    <div id="parent">
        <div id="background">
            <div><!-- this will not affect page scrolling if its width id greater than browsers window -->
            </div>
        </div>
        <div id="content">
            lorem ipsum dolor sit amet<br />
            [...]
        </div>
    </div>
</body>

CSS

body {
    margin:0px;
    background: yellow
}
#parent{
    position:relative
}
#background { 
    background-color:#000;
    overflow: hidden; 
    position: absolute; 
    z-index: -1;
    top:0;
    bottom:0;
}
#background > div {
    margin: auto;
    width: 608px;
    height: 100%;
}
#content {
    background: red;
    width: 504px;
    margin: auto;
}