JSFiddle - React, Tailwind, and code Playground
by William Green
HTML
<div id="projectContainer">
<div id="linkSuperContainer">
<div id="linkContainer">
<input type="button" style="top:0;">
<input type="button">
<input type="button">
<input type="button">
<input type="button">
<input type="button">
<input type="button">
</div>
</div>
</div>
CSS
#projectContainer {
background-color:#ddd;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
}
#linkSuperContainer {
border:1px solid #ff0000;
position:fixed;
bottom:0;
right:0;
display:table;
}
#linkContainer input[type="button"] {
background-color:#eee;
border:0;
margin:5px;
width:32px;
height:32px;
-o-transition:all .5s ease;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;
outline:none;
cursor:pointer;
position:absolute;
}
#linkContainer input[type="button"]:hover {
background-color:#bbb;
}
.vertical {
display:inline-block;
}
.space {
width:32px;
height:32px;
margin:5px;
}