JSFiddle - React, Tailwind, and code Playground

by Alin Guta

HTML

<div id="logo">
    <div id="elem1"></div>
    <div id="elem2"></div>
    <div id="elem3"></div>
</div>

CSS

#logo {
    width:200px;
    height:200px;
    position:fixed;
    top:20px;
    left:20px;
    background:red;
}
#elem1 {
    width:100px;
    height:100px;
    position:absolute;
    top:0;
    left:0;
    background:yellow;
}
#elem2 {
    width:100px;
    height:100px;
    position:absolute;
    top:0;
    right:0;
    background:blue;
}
#elem3 {
    width:200px;
    height:100px;
    position:absolute;
    bottom:0;
    background:green;
}