Servus!
Ich habe das Problem, daß ich das Navicon nicht in die rechte untere Seite bringe sondern es klebt einfach rechts mittig. Bei einem kleinem Monitor verschieben sich Überschrift und Navicon ineinander.
Bei mir im Firefox sieht es gut aus. Erst ab weniger als 350px liegt es übereinander. Du kannst h1 bei kleinen Viewports mit text-align:left noch weiter links bringen. Ohne das Wort Menü nimmt das navicon noch weniger Platz ein.
Deine Seite sieht gut aus, habe sie grad durch den Validator laufen lassen:
einige Tipps:
-
Regel Abstände über margin und padding, nicht über <br>
-
Wenn schon <br>, aber nicht </br> (auf der Suppenseite)
-
Innerhalb von ol und ul nur li-Elemente, <h1> kommt davor (auf der Suppenseite)
-
Statt <div id="gesammt"> einfach <main>
-
Meinst du mit <abr> <abbr>?
Herzliche Grüße
Matthias Scharwies