MediaWiki:Common.css: Difference between revisions
Add responsive grid styles for Main Page offenders list |
Fix 5-column grid layout for High-Profile Offenders |
||
| Line 4: | Line 4: | ||
.offenders-grid { | .offenders-grid { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat( | grid-template-columns: repeat(5, 1fr); | ||
gap: 15px; | gap: 15px; | ||
} | |||
@media (max-width: 1200px) { | |||
.offenders-grid { | |||
grid-template-columns: repeat(3, 1fr); | |||
} | |||
} | } | ||
| Line 11: | Line 17: | ||
.offenders-grid { | .offenders-grid { | ||
grid-template-columns: repeat(2, 1fr); | grid-template-columns: repeat(2, 1fr); | ||
} | |||
} | |||
@media (max-width: 480px) { | |||
.offenders-grid { | |||
grid-template-columns: 1fr; | |||
} | } | ||
} | } | ||
Revision as of 15:59, 9 December 2025
/* Prisonpedia site-wide styles */
/* Main Page: High-Profile Offenders responsive grid */
.offenders-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 15px;
}
@media (max-width: 1200px) {
.offenders-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.offenders-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.offenders-grid {
grid-template-columns: 1fr;
}
}