Tweet
hallo,
ich will mit media queries meine website responsive machen.
hier ein Beispiel für die Überschrift h2. das funktioniert ganz gut.
@media screen and (max-width: 55em) {
h2 {
font-size: 90%;
}
}
Jetzt habe ich aber 4 Kästchen in einer Reihe.
Ich will da aber nicht, dass die Kästchen wesentlich kleiner werden, sonst kann man den Inhalt nicht mehr lessen.
Wenn ich die da mit media queries das verkleinere, springt das rechte Kästchen in die nächste Zeile.
Das ist unschön, wenn dann erst 3 Kästchen kommen, dann in der Zeile darunter 1 Kästchen.
Wenn ich das weiter verkleinere stimmt es wieder, 1 Zeile 2 Kästchen, 2. Zeile 2 Kästchen.
Ich will also entwender 4 in einer Reihe oder wenn der Bildschirm kleiner wird,
2 in einer Reihe mit 2 Zeilen.
Ich habe noch nicht alles ausprobiert, aber gibt es da einen einfachen Lösungsansatz?
gerhard
ich will mit media queries meine website responsive machen.
hier ein Beispiel für die Überschrift h2. das funktioniert ganz gut.
@media screen and (max-width: 55em) {
h2 {
font-size: 90%;
}
}
Jetzt habe ich aber 4 Kästchen in einer Reihe.
Ich will da aber nicht, dass die Kästchen wesentlich kleiner werden, sonst kann man den Inhalt nicht mehr lessen.
Wenn ich die da mit media queries das verkleinere, springt das rechte Kästchen in die nächste Zeile.
Das ist unschön, wenn dann erst 3 Kästchen kommen, dann in der Zeile darunter 1 Kästchen.
Wenn ich das weiter verkleinere stimmt es wieder, 1 Zeile 2 Kästchen, 2. Zeile 2 Kästchen.
Ich will also entwender 4 in einer Reihe oder wenn der Bildschirm kleiner wird,
2 in einer Reihe mit 2 Zeilen.
Ich habe noch nicht alles ausprobiert, aber gibt es da einen einfachen Lösungsansatz?
gerhard
Kommentar