JSFiddle - React, Tailwind, and code Playground

by Vitorino fernandes

HTML

<div id="myMenu">
    <div class="col col20">
        <img src="http://img42.com/9WM6f+" />
    </div>
    <div class="col col20">
        <img src="http://img42.com/9WM6f+" />
    </div>
    <div class="col col20">
        <img src="http://img42.com/9WM6f+" />
    </div>
    <div id="other" class="col40">
        <img src="http://img42.com/9WM6f+" />
    </div>
</div>

CSS

#myMenu {
    background-color: blue;
    padding:0;
    width:100px;
    margin:0;
}
.col {
    width: 200px;
    border:1px solid yellow;
}
.col20 {
    width:40%;
}
.col40 {
    width:100%;
}
img {
    width:100%;
    height:auto;
    vertical-align:middle;
}