JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <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>
</body>

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;
}
ul {
    margin: 0;
}