Do headera trzeba było dodać overflow: hidden; nie bardzo to rozumiem ale działa.
A powie ktoś jak jest czy te dwe sposoby są poprawne, a może żaden nie jest?
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>My page</title>
<meta name="description" content="Opis mojej strony internetowej">
<meta name="keywords" content="slowa, kluczowe, tagi">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400" rel="stylesheet">
</head>
<body>
<header class="firstHeader">
<nav class="menu">
<h1>Nazwa</h1>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">O nas</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</nav>
</header>
</body>
</html>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>My page</title>
<meta name="description" content="Opis mojej strony internetowej">
<meta name="keywords" content="slowa, kluczowe, tagi">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400" rel="stylesheet">
</head>
<body>
<header class="firstHeader">
<div class="container">
<div class="logo">
<h1>Nazwa</h1>
</div>
<div class="menu">
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">O nas</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</nav>
</div>
</div>
</header>
</body>
</html>