https://compusofia.com/w/index.php?action=history&feed=atom&title=Template%3AContentGrid%2Fdoc
Template:ContentGrid/doc - Revision history
2026-04-19T05:15:07Z
Revision history for this page on the wiki
MediaWiki 1.45.3
https://compusofia.com/w/index.php?title=Template:ContentGrid/doc&diff=2038&oldid=prev
Majestix: 1 revision imported: Initial Setup
2026-04-10T06:21:31Z
<p>1 revision imported: Initial Setup</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 08:21, 10 April 2026</td>
</tr><tr><td colspan="4" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div>
</td></tr>
<!-- diff cache key wikiNonStop:diff:1.41:old-2037:rev-2038 -->
</table>
Majestix
https://compusofia.com/w/index.php?title=Template:ContentGrid/doc&diff=2037&oldid=prev
en>Clump: Reverted edits by ~2025-32018-87 (talk) to last version by NDG
2025-11-08T12:19:47Z
<p>Reverted edits by <a href="/wiki/Special:Contributions/~2025-32018-87" title="Special:Contributions/~2025-32018-87">~2025-32018-87</a> (<a href="/w/index.php?title=User_talk:~2025-32018-87&action=edit&redlink=1" class="new" title="User talk:~2025-32018-87 (page does not exist)">talk</a>) to last version by NDG</p>
<p><b>New page</b></p><div>{{Documentation subpage}}<br />
<!-- Categories go at the bottom of this page and interwikis go in Wikidata. --><br />
{{Uses TemplateStyles|Template:ContentGrid/styles.css}}<br />
<br />
== Usage ==<br />
<br />
A responsive grid of page elements. Populate the <code>content</code> parameter with grid elements separated by a new line.<br />
<br />
{{tl|TwoColumnGrid}} uses this template with {{para|grid-rows-min-max|10px}} and {{para|grid-columns-min-max}} having a default value of <code>500px</code>.<br />
<br />
=== Examples ===<br />
<pre><nowiki>{{ContentGrid<br />
|style= custom style<br />
|content=<br />
Text A<br />
Text B<br />
Text C<br />
}}</nowiki></pre><br />
<br />
Produces:<br />
{{ContentGrid<br />
|content=<br />
Text A<br />
Text B<br />
Text C<br />
}}<br />
This template works well with other templates, like [[Template:Colored box]].<br />
<br />
For example:<br />
<pre><nowiki>{{ContentGrid<br />
|content=<br />
<br />
{{Colored box<br />
|title = Title<br />
|content = Content<br />
}}<br />
<br />
{{Colored box<br />
|title =<br />
|content = <br />
}}<br />
<br />
}}<br />
</nowiki></pre><br />
<br />
Produces:<br />
{{ContentGrid<br />
|content=<br />
<br />
{{Colored box<br />
|title = Title<br />
|content = Content<br />
}}<br />
<br />
{{Colored box<br />
|title = Title<br />
|content = Content<br />
}}<br />
<br />
}}<br />
<br />
=== Comparing good and bad sample code ===<br />
<br />
To compare a good and bad sample of code using {{tl|Colored box}}. For example:<br />
<br />
<pre><nowiki>{{ContentGrid<br />
|content=<br />
{{Colored box|title=Yes|icon=OOjs UI icon check-constructive.svg|content=<syntaxhighlight lang="wikitext"><br />
<div style="margin:0 auto; overflow:scroll; width:auto; max-width:100%">[[File:Brooklyn_Skyline_(9910358874).jpg|1800px|class=noresize]]</div><br />
</syntaxhighlight>}}<br />
<br />
{{Colored box|title=No|icon=OOjs UI icon close-ltr-destructive.svg|content=<syntaxhighlight lang="wikitext"><br />
[[Image:Panorama.jpg|1800px]]<br />
</syntaxhighlight>}}<br />
}}</nowiki></pre><br />
<br />
Produces:<br />
<br />
{{ContentGrid<br />
|content=<br />
{{Colored box|title=Yes|icon=OOjs UI icon check-constructive.svg|content=<syntaxhighlight lang="wikitext"><br />
<div style="margin:0 auto; overflow:scroll; width:auto; max-width:100%">[[File:Brooklyn_Skyline_(9910358874).jpg|1800px|class=noresize]]</div><br />
</syntaxhighlight>}}<br />
<br />
{{Colored box|title=No|icon=OOjs UI icon close-ltr-destructive.svg|content=<syntaxhighlight lang="wikitext"><br />
[[Image:Panorama.jpg|1800px]]<br />
</syntaxhighlight>}}<br />
}}<br />
<br />
Or, using {{tl|Code convention example}}. For example:<br />
<br />
<pre><nowiki>{{ContentGrid<br />
|content=<br />
{{code convention example|posneg=negative|<br />
<syntaxhighlight lang="php"><br />
// No: Avoid composing message keys<br />
$context->msg( 'templatesused-' . ( $section ? 'section' : 'page' ) );<br />
</syntaxhighlight><br />
}}<br />
<br />
{{code convention example|posneg=positive|<br />
<syntaxhighlight lang="php"><br />
// Yes: Prefer full message keys<br />
$context->msg( $section ? 'templatesused-section' : 'templatesused-page' );<br />
</syntaxhighlight><br />
}}<br />
}}<br />
</nowiki></pre><br />
<br />
Produces:<br />
<br />
{{ContentGrid<br />
|content=<br />
{{code convention example|posneg=negative|<br />
<syntaxhighlight lang="php"><br />
// No: Avoid composing message keys<br />
$context->msg( 'templatesused-' . ( $section ? 'section' : 'page' ) );<br />
</syntaxhighlight><br />
}}<br />
<br />
{{code convention example|posneg=positive|<br />
<syntaxhighlight lang="php"><br />
// Yes: Prefer full message keys<br />
$context->msg( $section ? 'templatesused-section' : 'templatesused-page' );<br />
</syntaxhighlight><br />
}}<br />
}}<br />
<br />
<includeonly>{{#ifeq:{{SUBPAGENAME}}|sandbox||<br />
<!-- Categories go here and interwikis go in Wikidata. --><br />
<br />
}}</includeonly></div>
en>Clump