Template:ROH Soldier/styles.css: Difference between revisions
m
flex % for image and table
(changing flex to default) |
m (flex % for image and table) |
||
| (6 intermediate revisions by the same user not shown) | |||
Line 1:
/* Responsive layout for displaying the image above the table when the screen size is reduced
.row {
display: flex;
Line 8 ⟶ 9:
flex: 0 1 auto;
max-width: 100%;
padding: 5px 10px;▼
margin: 5px;
}
@media (max-width: 800px) {
.roh-column {
flex: 0 1 auto;
max-width: 100%;
}
} */
.flex-container {
display: flex;
flex-wrap: wrap;
}
.flex-image {
flex: 40%;
}
.flex-table {
padding: 10px;
flex: 60%;
}
/* Responsive layout - makes a one column-layout instead of a two-column layout */
@media (max-width: 800px) {
.flex-image, .flex-table {
flex: 100%;
}
}
| |||