JSFiddle - React, Tailwind, and code Playground

by nate

HTML

<div id="container">
    <div id="game-container">
        <div id="jackpot-share">
            Jackpot share info!
        </div>
    </div>
</div>

CSS

html {
    height: 100%;
}

body {
    background-color: #74a2c9;
    background-image: 
        url( http://images.pombs.com/bricks.png ),
        url( http://images.pombs.com/clouds.png );
    background-position:
        0% 100%,
        50% 50%;
    background-repeat:
        repeat-x,
        repeat;
    width: 100%;
}

#container {
    border: 1px solid red;
    height: 500px;
    margin: 0 auto;
    width: 500px;
}

#jackpot-share {
    border: 10px solid orange;
    right: 0;
    position: relative;
    width: 60%;
}