You are viewing an old version of this page. Return to the latest version.
m |
m |
/* Korrektur der Darstellung von Tokens-Input-Feldern */ .inputSpan > .pfTokens > ul, .inputSpan > .pfTokens {
margin: 0 0 0 0!important;
}
.flex-grid {
display: flex;
} .col {
flex: 1; background: #f8f9fa; padding: 20px; border:2px solid #fff;
}
.flex-grid-4 {
display: flex; justify-content: space-between;
} .flex-grid-4 .col {
width:22%;
}
@media (max-width: 400px) {
.flex-grid, .flex-grid-4 {
display: block;
}
}
/* Korrektur der Darstellung von Tokens-Input-Feldern */
.inputSpan > .pfTokens > ul, .inputSpan > .pfTokens {
margin: 0 0 0 0!important;
}
.flex-grid {
display: flex;
}
.col {
flex: 1;
background: #f8f9fa;
padding: 20px;
border:2px solid #fff;
}
.flex-grid-4 {
display: flex;
justify-content: space-between;
}
.flex-grid-4 .col {
width:22%;
}
@media (max-width: 400px) {
.flex-grid , .flex-grid-4 {
display: block;
}
}| Line 24: | Line 24: | ||
@media (max-width: 400px) { | @media (max-width: 400px) { | ||
| − | .flex-grid { | + | .flex-grid, .flex-grid-4 { |
display: block; | display: block; | ||
} | } | ||
} | } | ||