Template:SideBySide

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.

{{SideBySide|columns=4|
==Test1==
|
==Test2==
|
==Test3==
|
==Test4==
}}

Test1

Test2

Test3

Test4

Example 2

3 columns side by side with 9 elements.

{{SideBySide|columns=3|
==Test1==
|
==Test2==
|
==Test3==
|
==Test4==
|
==Test5==
|
==Test6==
|
==Test7==
|
==Test8==
|
==Test9==
}}

Test1

Test2

Test3

Test4

Test5

Test6

Test7

Test8

Test9

Example 3

2 columns side by side with 4 elements.

{{SideBySide|columns=2|
==Test1==
|
==Test2==
|
==Test3==
|
==Test4==
}}

Test1

Test2

Test3

Test4

Example 4

4 columns side by side with 5 elements.

{{SideBySide|columns=4|
==Test1==
|
==Test2==
|
==Test3==
|
==Test4==
|
==Test5==
}}

Test1

Test2

Test3

Test4

Test5