JSFiddle - React, Tailwind, and code Playground

by thecodedude

HTML

<div id="robot">
<div id="head"></div>
<div class="eye" id="righteye"></div>
<div class="eye" id="lefteye"></div>
<div id="nose"></div>
<div id="mouth"></div>
</div>
<div class="arm" id="rightarm"></div>
<div id="body"><p id="message">Greg is sooo cool!!!</p></div>
<div class="arm" id="leftarm"></div>

CSS

body {
  font-family:Arial;
}
p{
  font-size:1em;
}
.eye{
  background-color:blue
  width;20%
  height:20%;
  border-radius:50%
}
.arm{
  background-colour:#cacaca;
  position:absolute
}