JSFiddle - React, Tailwind, and code Playground

by bluey

HTML

<div id='ground'></div>
<div id='sprite_1'></div>
<div id='obstacle_1'></div>

CSS

#ground {
    background-color: green;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
}
#sprite_1 {
    background-color: blue;
    width: 30px;
    height: 60px;
    position: absolute;
    bottom: 60px;
}
#obstacle_1 {
    background-color: yellow;
    width: 30px;
    height: 40px;
    position: absolute;
    bottom: 50px;
    margin-left: 300px;
    border-style: solid;
    border-color: #000;
    
}