JSFiddle - React, Tailwind, and code Playground

by r043v

HTML

<section id="menu">hey</section>
<section id="content">
    <div>
    <img src="http://thecarlossanchez.com/Missy/images/home/2.jpg"/>
    <img src="http://thecarlossanchez.com/Missy/images/home/4.jpg"/>
    </div>
    </section>

CSS

html, body { width:100%; height:100%; margin:0; padding:0; }

#menu { width:20%; height:100%; float:left; background:purple; }

#content {
    width:75%; height:100%; float:left;
    padding:0; margin:0;
    margin-left:2.5%; background:pink;
    overflow:scroll;
}

/*#content ul, #content li { list-style-type:none; padding:0; margin:0; }
#content ul { background:green; height:100%; position:relative; }
#content li { float:left; background:yellow; height:100%; }*/
div { width:auto; }

#content img { margin:0; padding:0; margin-left:4%; height:100%; max-width:100%; }