Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Home/grid: Difference between revisions

Template page
Created page for drafting new Home page
 
Use all tables; they are supported by skins out of the box
Line 1: Line 1:
<div class="home-grid" style="display: grid;
<div class="home-grid" style="display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 8px;">
    grid-template-columns: repeat(3, 1fr);
 
    grid-template-rows: repeat(3, 1fr);
<table class="infobox" style="grid-column: span 2 / span 2; margin: 0; width: auto;"><tr><td>This category links uses a table</td></tr>
    gap: 8px;">
 
    <table class="infobox" style="grid-column: span 2 / span 2; margin: 0; width: auto;"><tr><td>This category links uses a table</td></tr></table>
</table>
    <table class="infobox" style="grid-column-start: 3; margin: 0; width: auto;">
 
<table class="infobox" style="grid-column-start: 3; margin: 0; width: auto;">
<tr><td>This forum promo uses a table</td></tr></table>
<tr><td>This forum promo uses a table</td></tr></table>
</table>
</table>
    <div class="top-contribs-1" style="grid-row: span 2 / span 2;
    grid-row-start: 2; background-color: var(--color-surface-1); border: 1px solid var(--border-color-base); border-radius: var(--border-radius--large); padding: 0.4em;">


This top contribs promo uses a div
<table class="infobox" style="grid-row: span 2 / span 2; grid-row-start: 2; margin: 0; width: auto;">


</div>
</table>
    <div class="top-contribs-2" style="grid-row: span 2 / span 2;
    grid-row-start: 2; background-color: var(--color-surface-1); border: 1px solid var(--border-color-base); border-radius: var(--border-radius--large); padding: 0.4em;">


This top contribs uses a div
<table class="infobox" style="grid-row: span 2 / span 2; grid-row-start: 2; margin: 0; width: auto;">


</div>
</table>
    <div class="contribute" style="grid-row: span 2 / span 2;
    grid-row-start: 2; background-color: var(--color-surface-1); border: 1px solid var(--border-color-base); border-radius: var(--border-radius--large); padding: 0.4em;">


This top contribs uses a div
<table class="infobox" style="grid-row: span 2 / span 2; grid-row-start: 2; margin: 0; width: auto;">


</div>
</table>
</div>
</div>



Revision as of 22:37, 19 February 2025

This category links uses a table
This forum promo uses a table
For reference
Header text Header text Header text
Example Example Example
Example Example Example
Example Example Example
Cookies help us deliver our services. By using our services, you agree to our use of cookies.