Problem mit Bild-Positionierung

[marctrix]

Hej Gunnar,

@@marctrix

Flexbox oder Grid eignen sich hierfür. […] In jedem Fall musst du mit media-Queries für ein vernünftiges Aussehen auf kleinen und großen Geräten sorgen.

Nein. Weder bei Flexbox noch bei Grid braucht man Media-Queries. Das ist ja das Gute.

Dann aber wohl nicht li { width: 20% }, sondern Mindest- und Maximalbreite in em angeben.

Ich kann mir noch nicht vorstellen, wie das gehen soll - dadurch lassen sich gleich breite Button nicht sicherstellen…?!?

Zumal der benötigte Code länger sein dürfte. Ich vervollständige das Beispiel mal:

@media screen and (min-width: $sinnvollecontentabhängigeAngabe) {
  li {
    width: 20%;
  }
  li:not(:last-child) {
    padding-right: .125rem;
  }
  a {
    display: block;
    padding: .75em .25em; /* erster Wert: oben/unten - zweiter Wert: rechts/links */
  }
}

Marc