MediaWiki:HorizontalMCF.css

/* Tablet Portrait */ @media only screen and (max-width:1023px) { #mixed-content-footer .mcf-card, #mixed-content-footer .mcf-card-article__link { width: 240px; height: 200px } } /* Tablet Landscape */ @media only screen and (min-width:1024px) and (max-width:1083px) { #mixed-content-footer .mcf-card, #mixed-content-footer .mcf-card-article__link { width: 328px } #mixed-content-footer .mcf-content { margin: 45px 10px 10px } } /* Desktop XL */ @media only screen and (min-width: 1596px) { #mixed-content-footer .mcf-card, #mixed-content-footer .mcf-card-article__link { width: 393px } }
 * 1) mixed-content-footer { position: relative }
 * 2) mixed-content-footer .mcf-content { display: block }
 * 3) mixed-content-footer .mcf-mosaic { display: flex; flex-flow: row nowrap; overflow-x: auto }
 * 4) mixed-content-footer .mcf-column { display: inline-flex; flex-flow: row nowrap }
 * 5) mixed-content-footer .mcf-column > div { margin-bottom: 2px }
 * 6) mixed-content-footer .mcf-card,
 * 7) mixed-content-footer .mcf-card-article__link { width: 342px; height: 300px }
 * 8) mixed-content-footer .mcf-card { border: 0; border-radius: 0 }