JSFiddle - React, Tailwind, and code Playground

by chrisfrisina

HTML

<div class="square r"></div>
<div class="square g"></div>
<div class="square b"></div>

CSS

.square {
    border-style: solid;
    border-width: 2px;
    opacity: .5;
    width: 300px;
    height: 300px;
    position: fixed;
}

.r {
    background-color: red;
}
.g {
    background-color: green;
    margin: 100px 0px 0px 100px;
}
.b {
    background-color: blue;
    margin: 200px 0px 0px 200px;
}