Hallo ihr Lieben,
ich stehe gerade total auf dem Schlauch.
Geplant war drei Boxen mit etwas Außen- oder Innenabstand nebeneinander auf die Seite zu setzen. Diese sollen sich dann responsive verhalten.
Die Boxen dürfen sich sich solange verkleinern bis sie ihre mindestbreite von 250px erreicht haben.
In diesem Fall soll dann die erste Box in die nächste Zeile rutschen und die oberen beide wieder 100% der Seitenbreite ausfüllen.
Ich habe mal versucht das grafisch darzustellen, weil das schriftlich schwer zu erklären ist. Wäre super, wenn mir jemand helfen kann
In der Grafik hätte ich dann mit Innenabstand, also padding gearbeitet.
Die ersten zwei Fälle sind kein Problem, aber bei Fall drei und vier hakt es immer.
aktueller Stand:
#wrapper{
width:100%;
text-align:center;
}
.boxen{
width:28%;
min-width:250px;
float:left;
margin-right:auto;
margin-left:auto;
text-align:center;
margin: 0 2%;
}
LG,
Marvin