CSS/HTML linia blokowa

pytanie zadane 10 lutego 2018 w HTML i CSS przez exo123 Początkujący (300 p.)

Witam.W CSS menu nie chce się podzielić po równo w Lini blokowej.

*{
	margin:0;
	padding:0;
	font-family:'Roboto','arial';
	box-sizing:border-box;
}

body{
	background-color:#ddb
}

#wrapper{
	max-width:1000px;
	margin:0 auto;
	background-color:white;
}
header img{
	width:100%;
	display:block;
}
nav{
	background-color:darkcyan;
}
nav a{}
a.menu{
display:inline-block;
width:25%;
}

<!DOCTYPE html>
<html lang="pl">
<head>
    <!-- kodowanie znaków,możemy użyć polskich znaków -->
    <meta charset="UTF-8"> 
    <!-- sposób wyświetlania na urządzeniach mobilnych -->
    <meta name="vievport" content="width=device-width,initial-scale=1.0"> 
    <!-- tytuł stron. m.in w wynikach wyszukiwania--> 
    <tittle></tittle>
    <!-- importujemy czcionkę,żeby jej użyć -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,900&amp;subset=latin-ext" rel="stylesheet">
    <link rel="icon" href="favicon.ico">
    <!-- ikona strony -->
    <link rel="shortcut icon" href="favicon.ico" type=image/x-icon>
    <link rel="stylesheet" href="style.css">
    
    </head>
    <body style="margin: 0px; padding: 0px">
<div id="wrapper">
  <header>
  <img src="programista.jpg" alt="programista-header"/>
  </header> 

  <nav>
        <a class="menu active"href="#">O mnie</a>
        <a class="menu"href="#">Aktualności</a>
        <a class="menu"href="#">Inspiracje</a>
        <a class="menu"href="#">Kontakt</a>
    
    </nav>
    
    <section>
       <article>
           <h1>Nasza pierwsza strona internetowa</h1>
           <p><img class="left" src="face.jpg" alt="twarz znanej osoby"/>Taką stronę jesteś w stanie napisać z palca w godzinę po kilku tygodniach nauki.Pomyśl co będziesz w stanie zrobić po kilku miesiącach :)</p>
           <p>Nasza strona jest prosta,ale zgodna ze standardami html5.Można ją oczywiście rozbudować i upiększyć,co zrobimy w kolejnym odcinku.Można też napisać ją zupełnie inaczej i uzyskąc ten sam efekt</p>
           <p>Nauka stron to eksperymentowanie.Częściej coś działą niż nie działa ;)</p>
       </article>
        <iframe width="1000" height="563" src="https://www.youtube.com/embed/lyieFu7BnHE" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
       <!-- tutaj iframe -->
       </section>  
    <footer>Zrobiliśmy coś takiego w godzinę :)</footer>
    
    </div>
</body>
    </html>

Tutaj podaje w edytorze https://codepen.io/exo123/pen/qxrQPb

Proszę o wyrozumiałość,iż jest to moja pierwsza strona :)