Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:ROH Soldier/styles.css: Difference between revisions

Template page
Content added Content deleted
(removed padding from column)
(additional responsive layout for 800px screen size)
Line 1: Line 1:
/* Responsive layout for displaying the image above the table when the screen size is reduced */
.row {
.row {
display: flex;
display: flex;
Line 9: Line 10:
max-width: 100%;
max-width: 100%;
margin: 5px;
margin: 5px;
}

@media (max-width: 800px) {
.roh-column {
flex: 100%;
max-width: 100%;
}
}
}

Revision as of 09:38, 28 June 2024

/* Responsive layout for displaying the image above the table when the screen size is reduced */
.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 5px;
}

.roh-column {
  flex: 0 1 auto;
  max-width: 100%;
  margin: 5px;
}

@media (max-width: 800px) {
  .roh-column {
    flex: 100%;
    max-width: 100%;
  }
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.