JSFiddle - React, Tailwind, and code Playground

by panchroma

HTML

<section class="main header">Header<br />subheader</section>

<div class="wrap">
    
<aside>picture<br /><br />d</aside>
<aside>to be made sticky</aside>


<section class="main content">List of things<br />
List of things<br />
List of things<br />
    List of things<br />
    List of things<br />
    List of things<br />
        

</section>
</div><!-- end wrap -->

CSS

.header{
    margin-bottom:10px;
}
.main {
            width: 60%;
            margin-right: 5%;
            float: left;
    background-color:pink;
        }
.wrap{
    position:relative;
    border:solid blue 1px;
}

.content{
    position:relative;
    top:0px;
}
aside {
width: 35%;
float: right;
clear:right;
    background-color:#aaa;
    margin-bottom:10px;
        }