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 inem
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