JSFiddle - React, Tailwind, and code Playground

by A Lee

HTML

<div class="global-wrapper">
        <div id="logo" class="column10"> <a href="#"><img src="http://www.vinnyspizzasonline.com/vinnys%20real%20pizza.jpg"/></a>
        </div>
        <div id="nav" class="column6">
            <ul>
                <li><span>Order</span>

                </li>
                <li><span>Contact</span>

                </li>
                <li><span>Locations</span>

                </li>
            </ul>
        </div>
        <div id="mainphoto" class="column16"> <span><img src="http://www.vinnyspizzasonline.com/vinnys%20real%20pizza.jpg"/></span>

        </div>
        <div id="subphoto" class="column8">
            <div class="photoleft">
                <img src="http://www.vinnyspizzasonline.com/vinnys%20real%20pizza.jpg" />
            </div>
            <div class="photoright">
                <img src="http://www.vinnyspizzasonline.com/vinnys%20real%20pizza.jpg" />
            </div>
        </div>
</div>

CSS

.global-wrapper {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 0;
}
.column10 { width: 200px; }
#logo.column10 img {
   width: 100%; 
}