JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
        body {
            font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
            background: #e3c395;
            margin: 0;
            padding: 0;
            color: #000;
        }
        .container {
            width: 80%;
            max-width: 1260px;
            min-width: 780px;
            background: #FFF;
            margin: 0 auto;
            overflow: hidden;
        }
        .headr img {
            height:auto; 
            width:100%;
        }
        .container .content {
            padding: 50px 10px 50px 10px;
            float: left;
        }
    </style>
</head><body>

<div class="container">
    <div class="headr">
        <img src="http://www.wildnatureimages.com/images%203/San-Diego-Panoramic-Print..jpg" width="1261" height="487">
    </div>
    <div class="content">
        text 
    </div>
</div>

</body></html>