Harvest festival 2024.png

Dare to try out the Harvest Festival 2024!?

Template:SideBySide

From HorizonXI Wiki
Revision as of 12:06, 16 September 2023 by Aramachus (talk | contribs) (Created page with "<includeonly><onlyinclude>__NOTOC__<div class="flex-container"><div class="flex-container-item-{{{columns|2}}}">{{{1}}}</div><div class="flex-container-item-{{{columns|2}}}">{{{2}}}</div><!-- -->{{#if:{{{3|}}}|<div class="flex-container-item-{{{columns|2}}}">{{{3}}}</div><!-- -->{{#if:{{{4|}}}|<div class="flex-container-item-{{{columns|2}}}">{{{4}}}</div><!-- -->{{#if:{{{5|}}}|<div class="flex-container-item-{{{columns|2}}}">{{{5}}}</div><!-- -->{{#if:{{{6|}}}|<div class...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)


Usage

This template can be used to display content side by side which automatically switches to display on top of each other on smaller screens. It supports up to 12 content arguments and the argument "columns" which can be set to 2, 3 or 4, depending on how many columns are supposed to be displayed at maximum.

Examples

Example 1

4 columns side by side with 4 elements.

Test1

Test2

Test3

Test4


Example 2

3 columns side by side with 9 elements.

Test1

Test2

Test3

Test4

Test5

Test6

Test7

Test8

Test9


Example 3

2 columns side by side with 4 elements.

Test1

Test2

Test3

Test4


Example 4

4 columns side by side with 5 elements.

Test1

Test2

Test3

Test4

Test5