Hallo
Für breite Fenster sehe ich bei folgendem HTML
Code:
<nav class="navigation">
<a href="">
<img src="http://lorempixel.com/80/80/nature/6">
</a>
<div>
<a href="info.htm">Über Mich</a>
<a href="methode.htm">Methode</a>
<a href="links.htm">Links</a>
<a href="kontakt.htm">Kontakt</a>
</div>
</nav>
das folgende CSS
Code:
.navigation {
display: flex;
}
.navigation img {
padding: 0rem 0.5rem;
}
.navigation div {
flex-grow: 1;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.navigation div a {
padding: 0.3rem 0.5rem;
}
Ich habe dazu mal eine Beispielseite erstellt:
Beispielseite
Was bei schmalen Fenstern passieren soll habe ich noch nicht so recht verstanden.
Gruss
MrMurphy