Template:Home/grid: Difference between revisions

	Join the forum!
	Share your writing or artwork, role-play, and chat with others on Wings of Fire Forum.
	wingsoffire

Browse history interactively

Latest revision as of 07:24, 6 March 2025

For reference
Header text	Header text	Header text
Example	Example	Example
Example	Example	Example
Example	Example	Example

@@ 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;">
-    gap: 8px;">
+<tr><td><strong>Popular Categories</strong></td></tr>
-    <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>
+<tr>
-    <table class="infobox" style="grid-column-start: 3; margin: 0; width: auto;">
+<td>[[:Category:Characters|Characters]]</td>
-<tr><td>This forum promo uses a table</td></tr></table>
+<td>[[:Category:Books|Books]]</td>
+<td>[[:Category:Locations|Locations]]</td>
+</tr>
+<tr>
+<td>[[:Category:Arc 1|Arc 1]]</td>
+<td>[[:Category:Arc 2|Arc 2]]</td>
+<td>[[:Category:Arc 3|Arc 3]]</td>
+</tr>
+</table>
+<table class="infobox" style="grid-column-start: 3; margin: 0; width: auto;">
+<tr><td><strong>Join the forum!</strong></td></tr>
+<tr><td>Share your writing or artwork, role-play, and chat with others on Wings of Fire Forum.</td></tr>
+<tr><td>[https://wingsoffire.forum wingsoffire]</td></tr>
 </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><noinclude>
 {| class="wikitable"
@@ Line 38: / Line 45: @@
 | Example || Example || Example
 |}
+</noinclude>

Popular Categories
Characters	Books	Locations
Arc 1	Arc 2	Arc 3