JSFiddle - React, Tailwind, and code Playground

by Gwyn Milcote

HTML

<p>iiii

</p><div class='holder'>
<div class='out2'></div>
<div class='addi'></div>
<div class='base1'></div>
<div class='base2'></div>
<div class='base3'></div>
<div class='base4'></div>
<div class='base6'></div>
<div class='in1'></div>
<div class='base5'></div>


<div class='in2'></div>
<div class='in22'></div>
<div class='out1'></div>
<div class='out12'></div>

<div class='beak'></div>
<div class='legs'></div>
<div class='eye'></div>
<div class='snozz'><img src='http://griffusion.elementfx.com/pics/critters/snozz_chocolate.png'></div>

<div><img src='http://griffusion.elementfx.com/pics/critters/colprevbg.png'></div>
<div><img src='http://griffusion.elementfx.com/pics/critters/colprevgri.png'></div>
</div>

CSS

.holder {width:400px;height:300px;position:relative;background-color:#efe1ce;}
.holder div {position:absolute;}

.addi {width:126px;height:45px;top:163px;left:67px;background-color:yellow;}

.base1,.base2,.base3,.base4,.base5,.base6 {background-color:#d1984d;}
.base1 {width:98px;height:177px;top:60px;left:245px;}
.base2 {width:81px;height:107px;top:175px;left:178px;}
.base3 {width:50px;height:9px;top:197px;left:128px;}
.base4 {width:122px;height:76px;top:206px;left:68px;}
.base5 {width:8px;height:39px;top:123px;left:237px;}
.base6 {width:7px;height:87px;top:93px;left:241px;}

.in1 {background-color:#128421;}
.in2,.in22 {background-color:#105e1b;}
.out1,.out12 {background-color:#3fb7e2;}
.out2,.out22 {background-color:#117ca3;}
.in1 {width:55px;height:82px;top:93px;left:187px;}
.in2 {width:59px;height:18px;top:94px;left:129px;}
.in22 {width:73px;height:58px;top:111px;left:115px;}
.out1 {width:76px;height:38px;top:55px;left:169px;}
.out12 {width:60px;height:41px;top:28px;left:185px;}
.out2 {width:143px;height:194px;top:14px;left:53px;}

.beak,.legs {background-color:#ffd907;}
.eye {background-color:red;}
.beak {width:21px;height:21px;top:120px;left:322px;}
.legs {width:70px;height:52px;top:237px;left:258px;}
.snozz {width:26px;height:23px;top:121px;left:302px;}
.eye {width:10px;height:7px;top:130px;left:307px;}