JSFiddle - React, Tailwind, and code Playground

by jhogervorst

HTML

<div id="container">

    <div id="header">
        <img class="logo" src="file:///Users/janedoe/CGT136as/week07hw/website/images/lily-pads.jpg" alt="Admin Extraordinaire"  />           
    </div><!--/#header-->

<div id="nav">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Our Services</a></li>
        <li><a href="#">Read Our Blog</a></li>
        <li><a href="#">Contact Us</a></li>
    </ul>
</div><!--/#nav--> 
</div><!--/#container-->

CSS

body { 
    font-size: 76%;
    background-repeat: repeat-x;
    padding: 0px;
    margin: 0px;
}

#container { 
    overflow: hidden;
    width: 900px;
    margin: 0 auto 0 auto;
}



 /* HEADER AREA
    ---------------------------------*/
    #header {
        position: absolute;
        left: 0;
        width: 100%;
        height: 150px;
        padding: 0px;
        margin: 0px;
        background-color: #baaf07;
    }