Difference between revisions of "Template:FlexSideContainerTemplate"

updated wrong
(added sidecontainer)
 
(updated wrong)
Line 1: Line 1:
<noinclude>
<noinclude>
{{Template}}
{{Template}}
<pre>{{FlexSideContainerTemplate|Right|Left|RightGrow|LeftGrow}}</pre>
<pre>{{FlexSideContainerTemplate|LEFT|RIGHT|LeftGrow|RightGrow}}</pre>
{{FlexSideContainerTemplate|
{{FlexSideContainerTemplate|
1=Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. |
1=Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. |
Line 12: Line 12:
<includeonly>
<includeonly>
<div id="container" style="display: flex;justify-content: space-between;">
<div id="container" style="display: flex;justify-content: space-between;">
<div id="right" style="flex-grow: {{{3}}}">
<div id="left" style="flex-grow: {{{3}}}">
<!-- right start -->
<!-- left start -->
{{{1}}}
{{{1}}}
<!-- right end -->
<!-- left end -->
</div>
</div>
<div id="left" style="flex-grow: {{{4}}};margin-left:20px;">
<div id="right" style="flex-grow: {{{4}}};margin-left:20px;">
<!-- left start -->
<!-- right start -->
{{{2}}}
{{{2}}}
<!-- left end -->
<!-- right end -->
</div>
</div>


</div>
</div>
</includeonly>
</includeonly>