ngsplanner/src/TestHeader.js

import React from 'react';

function TestHeader() {
    return (
        <header>
            <div style={{gridArea:"1 / span 3"}}>
            <div className="logo"><a href="."><img alt="" src={process.env.PUBLIC_URL + '/icons/logo_sm.png'} />&emsp;NGS<span>planner.com</span></a></div>
               <div className="navigation"> <ul>
                    <li className="headerMenuItem"><a href=".">Build Planner</a></li>
                    <li className="headerMenuItem"><a href=".">Guides</a></li>
                    <li className="headerMenuItem"><a href=".">Blog</a></li>
                    <li className="headerMenuItem"><a href=".">About</a></li>
                </ul></div>
                <div className="navigation2">lol</div>
            </div>
        </header>
    )
}

export default TestHeader;