MediaWiki:Citizen.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* All CSS here will be loaded for users of the Citizen skin */

/** Container columns **/
.col-2 {
  display: flex;
  flex-wrap: wrap;
}
.col-2 > * {
  flex: 1 1 50%;
}

/** Content columns **/
.columns-2 {
  column-count: 2;
  column-gap: 1.5em;
}

.columns-3 {
  column-count: 3;
  column-gap: 1.5em;
}

@media (max-width: 650px) {
  .columns-2.columns--only-wide, .columns-3.columns--only-wide {
    column-count: 1;
  }
}