Difference between revisions of "MediaWiki:Common.css"

From FOnline 3 wiki
Jump to navigation Jump to search
Line 6: Line 6:
 
   flex-wrap: wrap;
 
   flex-wrap: wrap;
 
   gap: 20px;
 
   gap: 20px;
   justify-content: left;
+
   justify-content: center;
 
}
 
}
 
.perk-grid .perk {
 
.perk-grid .perk {

Revision as of 17:52, 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;
  }
}