JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="left_pane">
        <img id="iphone_image" src="images/phone-template.png" />
        <div id="notifications"></div>
    </div>
    
    <div id="right_pane">
        <form id="form" method="post">
            <input type="text" id="title" />
            <script src="http://cdnjs.cloudflare.com/ajax/libs/ckeditor/4.0.1/ckeditor.js"></script>
            <input type="submit" id="submit" value="Submit" />
        </form>
    </div>
</div>

CSS

#iphone_image{
    width: 316px;	/* 40% of original */
    height: 740.4px;
    position: relative;
}
#notifications{
    position: absolute;
    top: 120px;
    left: 39px;
    width: 252px;
    height: 390px;
    border: 1px solid red;
    overflow:scroll;
}
#left_pane, #right_pane{
    display: inline-block;
}

#right_pane{
    border: 1px solid red;
    vertical-align:top;
}

#title{
    display: block;    
}