JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<div id="wrapper">
    <header>
        <img class="logo" src="images/logo.png">
    </header>
    <nav id="mainMenu">
        <ul>
            <li>Nieuwsoverzicht</li>
            <li>Trending</li>
            <li>Lokaal nieuws</li>
        </ul>
    </nav>
</div>

CSS

body {
    background-color:#ebebeb;
    margin:0;
    padding:0;
}
#wrapper {
    width:100%;
    padding:0;
    margin:0;
}
header {
    background-color:#835497;
    height:70px;
    width:100%;
    margin:0;
    padding:0;
}
.logo {
    height:80%;
    display:block;
    margin: 0 auto 0 auto;
}
nav {
    background-color:#ffffff;
    height:45px;
    width:100%;
    margin:0;
    padding:0;
}
nav#mainMenu ul li {
    font-family:'source_sans_proregular';
    font-size:1.2em;
    color:#c2c2c2;
    display:inline-block;
    text-align:center;
    margin:0;
    padding:0;
}
#mainMenu ul{
    margin-top:0;
}