JSFiddle - React, Tailwind, and code Playground

by William Green

HTML

<div id="projectContainer">
    <div id="windowsLogoSuperContainer">
        <div id="windowsContainer">
            <div id="squareOne"></div>
            <div id="squareTwo"></div>
            <div id="squareThree"></div>
            <div id="squareFour"></div>
        </div>
    </div>
</div>

CSS

/*Created by William Green (15) in California*/
/*Email [email protected] with questions/comments*/
#projectContainer{
    background-color:#ddd;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
}
#windowsLogoSuperContainer{
    width:100%;
    display:table;
    top:50%;
    position:absolute;
}
#windowsContainer{
    margin:auto;
    display:table;
}
html,body{
    padding:0;
    margin:0;
}
#squareOne{
    background-color:#1394E2;
    width:40px;
    height:40px;
    transform:skew(-5deg);
}