Flexblöcke übereinander
Hallo ich habe unter
http://og-elbbruecke.de/testumgebung/flexbloecke.html
2 Bereiche übereinander gelegt... ich wollte aber das diese sich in der mobilen Ansicht (mit flex-wrap) automatisch untereinander stehen und nicht zusammen bleiben.
Irgendwie klappt das nicht ....
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<style>
.top {
flex:3;
border:1px solid black;
min-width:140px;
padding:10px;
}
.bot {
flex:8;
min-width:300px;
border:1px solid black;
}
#helfer{
display:flex;
flex-wrap: wrap;
}
/* möglickeit 2 */
.top1 {
flex:3;
border:1px solid green;
}
.bot1 {
flex:8;
border:1px solid green;
}
#helfer1{
display:flex;
}
@media screen and (max-width:496px){
#helfer1{
display:flex;
flex-direction:column;
}