MediaWiki:3colmainpage.css

/* This CSS governs the responsive 3 column main page layout */ min-height:calc(325px + 2.3em); }
 * 1) fptweets {

display: grid; grid-template-areas: "a" "b" "c" "d"; grid-template-columns: 100%; }
 * 1) fp-container {

@media screen and (min-width:990px) { #fp-container { grid-template-areas: "a b" "c b" "c d"; grid-template-columns: 50% 50%; } } @media screen and (min-width:1350px) { #fp-container { grid-template-areas: "a b c" "d b c"; grid-template-columns: 33.3% 33.3% 33.3%; } }

.fp-section { display: flex; flex-wrap: wrap; }

grid-area: a; }
 * 1) fp-1 {

grid-area: b; }
 * 1) fp-2 {

grid-area: c; }
 * 1) fp-3 {

grid-area: d; }
 * 1) fp-4 {

width: 100%; margin: 0; padding: 0; }
 * 1) fp-container main .columns .leftcol,
 * 2) fp-container .columns .rightcol {

@media (min-width: 790px) { .fpsection1, .fpsection4 { float: left; clear: none; width: 50%; }

.fpmidsections { float: right; clear: none; width: 50%; } }

@media (min-width: 990px) { #fp-container .columns .leftcol { float: left; width: 50%; }

#fp-container .columns .rightcol { float: right; width: 50%; } }