JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
            <div class="header">
                <div class="subheader">
                    <div class="navigation">
                        <ul>
                            <li>HOME</li>
                            <li>ABOUT</li>
                            <li class="logo"><img src="images/ogsystemslogo.png" /></li>
                            <li>CAREERS</li>
                            <li>CONTACT</li>
                        </ul>
                    </div>
    
                        <div class="undernav">
                            <div class="short">
                                <img src="images/bluemark.png" />
                                <div class="top">TOP OGS NEWS:</div>
                            </div>
                       </div>
                </div>
            </div>
            <div class="content">
            </div>
        </div>

CSS

.body {
        width: 1600px;
        height: 100%;
        margin: 0 auto;
        padding: 0px;
        border: 0px;
        position: relative;
        text-align: center;
    }
    
    .container {
        width: 1600px;
        height: 100%;
        position: relative;
        margin: 0 auto;
        padding: 0px;
        border: 0px;
        text-align: center;
    }
    
    .header {
        width: 1600px;
        height: 150px;
        margin: 0 10% 0 10%;
        padding: 0px;
        border: 0px;
        background-color: white;
        position: fixed;
    }
    
    .subheader {
        width: 1600px;
        height: 100px;
        margin: 0 auto;
        position: fixed;
        background-color: white;
        top: 0px;
    }
    
    .navigation {
        font-family: 'Champagne & Limousines';
        font-size: 20px;
        text-align: left;
        width: 1600px;
        height: 100px;
        padding: 0px;
        margin-left: 0 auto;
        border: 0px;
        list-style: none;
        text-decoration: none;
        display: table-cell;
        vertical-align: middle;
        color: #006699;
        background-color: white;
    }
    
        .navigation ul {
            width: 590px;
            height: 20px;
            list-style: none;
            text-decoration: none;
            position: relative;
            line-height: 55px;
            margin: 0 auto;
            background-color: white;
            padding: 0px;
            border: 0px;
            
        }
    
        .navigation ul li {
            width: 70px;
            height: 15px;
            float: left;
            padding-left: 35px;
            background-color: white;
        }