JSFiddle - React, Tailwind, and code Playground

by Ken Z

HTML

<div class='container'>
    <div class='one'> One </div>
    <div class='two'>Two<span class='info'>Zoom-in the page and scroll horizontally</span></div>
</div>

CSS

.container{
    width:80%;
    margin:auto;
}
.one{
    width:100px;
    height:250px;
    border:1px solid red;
    position:fixed;
    background-color:#D6D7D7;
}
.two{
    width:350px;
    height:250px;
    border:1px solid green;
    float:left;
    margin-left:110px;
}
.info{
    margin-top:20px;
    margin-left:10px;
    width:100%;
    color:grey;
    font-size:15px;
    float:left;
}