Changes

Jump to: navigation, search

Main Page

676 bytes added, 00:57, 19 September 2018
m
Embed some layout notes in an HTML comment, for future editors
</div></div>
<div style="clear: both"></div>
<!--
PAGE LAYOUT NOTE:
The next section leverages CSS flexbox styling in somewhat-esoteric ways, the main
goal being that it conforms to mobile displays in a way that's readable and well-
organized. As a result, the four sections are laid out in two separate flexbox rows
of two items each. The first row is configured row-reverse wrap, so that the Intro box
is placed ABOVE the Featured box when stacked. The second is row wrap, so that the
Random Image box is the last item on the page. Please think carefully before making
changes to this design, and consider the needs of both mobile and desktop screens.
 
When in doubt, discuss first at Talk:Main page. -User:FeRDNYC
-->
<!-- Top row flexbox -->
<div class="mp-left" style="width: 100%; box-sizing: border-box; margin: 0; display: flex; flex-flow: row-reverse wrap;">
</div>
</div><!-- End top row flexbox -->
 
<!-- Bottom row flexbox -->
<div class="mp-left" style="width: 100%; box-sizing: border-box; margin: 0; display: flex; flex-flow: row wrap;">
3,376
edits

Navigation menu