@@Kralle > > Und echt, so willst du das haben? > > > > [](/images/38840336-a1cc-11ea-aad0-b42e9947ef30.png) > Wenn das Bil kleiner als, 1980 pixel Breit ist - ja. :-) Warum? Warum nicht so?  Oder so?  > > Wenn alles andere links ausgerichtet ist, sollte das Logo nicht unbedingt mittig sein. > Mittig über dem Container mit &quot;Linux User Group Bremerhaven&quot; Was ich meinte ist, dass es ~~sch~~ unvorteilhaft aussieht, wenn der Text „Linux User Group Bremerhaven“ links klebt und das Logo zentriert ist. (BTW, es sieht auch ~~sch~~ unvorteilhaft aus, das der Text im Logo nicht zentriert ist.) Aber bitte, auch [das geht](https://codepen.io/gunnarbittersmann/pen/yLYmOXa) – jedenfalls in anständigen Browsern, die `gap` auch für Flexbox unterstützen. Aktuell nur in Firefox; aber auch schon in den 85er Canary-Versionen von Chrome und Edge. (84er Beta hab ich grad keine installiert. Kann das jemand anderes mal testen?) > Und die Seite wird später auf einem UTF8-Server veröffentlicht. Warum erst später? 🖖 Stay hard! Stay hungry! Stay alive! **Stay home!** {:@en} -- Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. ([@Grantscheam](https://twitter.com/Grantscheam/status/1247046064504537092))</div>

@@Kralle > > [](/images/38840336-a1cc-11ea-aad0-b42e9947ef30.png) Warum? Warum nicht so?  Da ging es mir allerdings nur um die Anordnung der 9 Elemente im Grid. 9 gleichartige Elemente: alles Besatzungsmitglieder der Voyager. (Ich zähle Neelix mal mit hinzu, wenngleich da nicht ganz korrekt sein mag.) Das ist in deinem Fall aber nicht gegeben: * „Home“, „Termin“, „Treffpunkt“ und „LPD“ (was immer das heißen mag) sind **Navigationslinks**. * „Datenschutz“ und „Impressum“ sind **keine Navigationslinks**. Kein normaler Seitenbenutzer kommt auf deine Seite, um gezielt zu deiner Datenschutzerklärung zu navigieren. Die Punkte müssen natürlich vorhanden sein, aber nicht in der Hauptnavigation. Sie können im Seitenkopf untergebracht werden – dann gestalterisch von der Hauptnavigation abgesetzt. Oder aber unten im Seitenfooter. * „Kontakt“ und „FAQ“ könnte man jeweils der einen oder anderen Gruppe zuordnen. Oder sie bilden eine eigene. * „Login“ ist etwas ganz anderes: nämlich kein Link. Da gelangt man ja nicht zu einem anderen Ziel, sondern loggt sich auf dieser Seite ein. Eine Aktion – also ein **Button**. Es ist generell keine gute Idee, Links wie Buttons aussehen zu lassen oder andersrum. Links und Buttons haben unterschiedliche Funktionen, sollten also auch verschieden aussehen. Das Markup könnte so aussehen: ```html <header> <p> <img src="…" alt=""/> <span>Linux User Group Bremerhaven</span> </p> <nav> <ul> <li><a href="…">Home</a></li> <li><a href="…">Termin</a></li> <li><a href="…">Treffpunkt</a></li> <li><a href="…">LPD</a></li> <li><a href="…">FAQ</a></li> <li><a href="…">Kontakt</a></li> </ul> </nav> <button>Login</button> <aside> <a href="…">Datenschutz</a> <a href="…">Impressum</a> <aside> </header> ``` Gestaltung so in der Art:  🖖 Stay hard! Stay hungry! Stay alive! **Stay home!** {:@en} -- Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. ([@Grantscheam](https://twitter.com/Grantscheam/status/1247046064504537092))

@@Kralle > > Und echt, so willst du das haben? > > > > [](/images/38840336-a1cc-11ea-aad0-b42e9947ef30.png) > Wenn das Bil kleiner als, 1980 pixel Breit ist - ja. :-) Warum? Warum nicht so?  Oder so?  > > Wenn alles andere links ausgerichtet ist, sollte das Logo nicht unbedingt mittig sein. > Mittig über dem Container mit "Linux User Group Bremerhaven" Was ich meinte ist, dass es ~~sch~~ unvorteilhaft aussieht, wenn der Text „Linux User Group Bremerhaven“ links klebt und das Logo zentriert ist. (BTW, es sieht auch ~~sch~~ unvorteilhaft aus, das der Text im Logo nicht zentriert ist.) Aber bitte, auch [das geht](https://codepen.io/gunnarbittersmann/pen/yLYmOXa) – jedenfalls in anständigen Browsern, die `gap` auch für Flexbox unterstützen. Aktuell nur in Firefox; aber auch schon in den 85er Canary-Versionen von Chrome und Edge. (84er Beta hab ich grad keine installiert. Kann das jemand anderes mal testen?) > Und die Seite wird später auf einem UTF8-Server veröffentlicht. Warum erst später? 🖖 Stay hard! Stay hungry! Stay alive! **Stay home!** {:@en} -- Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. ([@Grantscheam](https://twitter.com/Grantscheam/status/1247046064504537092))