Difference between revisions of "MediaWiki:Common.css"

From FOnline 3 wiki
Jump to navigation Jump to search
Line 10: Line 10:
 
.perk-grid .perk {
 
.perk-grid .perk {
 
   box-sizing: border-box;
 
   box-sizing: border-box;
   text-align: center;
+
   text-align: left;
 
   flex: 1 1 380px;      /* Minimum width before wrapping */
 
   flex: 1 1 380px;      /* Minimum width before wrapping */
 
   max-width: 440px;    /* Prevent too-wide blocks */
 
   max-width: 440px;    /* Prevent too-wide blocks */

Revision as of 17:50, 12 August 2025

/* CSS placed here will be applied to all skins */


.perk-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
.perk-grid .perk {
  box-sizing: border-box;
  text-align: left;
  flex: 1 1 380px;      /* Minimum width before wrapping */
  max-width: 440px;     /* Prevent too-wide blocks */
}
.perk-grid .perk table {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 12800px) {
  .perk-grid .perk {
    flex: 1 1 calc(33.333% - 12px); /* 3 per row on big screens */
    max-width: none;
  }
}