Main Page: Difference between revisions

Jump to navigation Jump to search
Responsive boxes
No edit summary
(Responsive boxes)
Line 2: Line 2:
<!-- BANNER --> {{CWJkiBanner}}
<!-- BANNER --> {{CWJkiBanner}}
<!-- BOXES -->
<!-- BOXES -->
<div style="display:flex; flex-direction:column;">
<div class="main-page-box-layout">
   <div style="display:flex; align-items:stretch;">
   <div class="main-page-box-row single">
     <div style="flex:1; display:flex;">
     <div class="main-page-box-col">{{JackMonitor}}</div>
      <div style="flex:1;">{{JackMonitor}}</div>
    </div>
   </div>
   </div>
   <div style="display:flex; align-items:stretch;">
   <div class="main-page-box-row double">
     <div style="flex:1; display:flex;">
     <div class="main-page-box-col">{{WelcomeBox}}</div>
      <div style="flex:1;">{{WelcomeBox}}</div>
     <div class="main-page-box-col">{{WhoIsJack}}</div>
    </div>
     <div style="flex:1; display:flex;">
      <div style="flex:1;">{{WhoIsJack}}</div>
    </div>
   </div>
   </div>
   <div style="display:flex; align-items:stretch;">
   <div class="main-page-box-row single">
     <div style="flex:1; display:flex;">
     <div class="main-page-box-col">{{Strokewatch}}</div>
      <div style="flex:1;">{{Strokewatch}}</div>
    </div>
   </div>
   </div>
   <div style="display:flex; align-items:stretch;">
   <div class="main-page-box-row double">
     <div style="flex:1; display:flex;">
     <div class="main-page-box-col">{{HelpWanted}}</div>
      <div style="flex:1;">{{HelpWanted}}</div>
     <div class="main-page-box-col">{{FurtherReading}}</div>
    </div>
     <div style="flex:1; display:flex;">
      <div style="flex:1;">{{FurtherReading}}</div>
    </div>
   </div>
   </div>
   <div style="display:flex; align-items:stretch;">
   <div class="main-page-box-row single">
     <div style="flex:1; display:flex;">
     <div class="main-page-box-col">{{Guide}}</div>
      <div style="flex:1;">{{Guide}}</div>
    </div>
   </div>
   </div>
</div>
</div>

Navigation menu