User talk:Eviand/Pulltest: Difference between revisions

(19 intermediate revisions by the same user not shown)

Line 1:

~~{{User~~:~~Eviand/Pulltest~~

~~|BoxName~~=~~Sample Box~~

|~~float=left~~

~~|A1~~=~~Health and mana~~

~~|B1~~=~~This is a full sentence that will take up a lot of space~~. ~~The goal is to test how far we can push this column before it breaks~~.

~~|A2=Mana~~

</div>

~~|B2~~=50

~~|A3~~=~~Strength~~

|~~B3=20~~

~~|A4~~=~~Agility~~

~~|B4~~=15

</div>

~~|A5=Defense~~

~~|B5~~=30

~~|A6~~=~~Speed~~

|~~B6=25~~

~~|A7~~=~~Luck~~

</div>

~~|B7~~=10

</div>

}}

@@ Line 1: / Line 1: @@
-{{User:Eviand/Pulltest
+<div style="display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; grid-auto-rows:auto; align-items:start; width:100%;">
-|BoxName=Sample Box
+<div style="text-align:left; padding:1rem 1.5rem 0.75rem;">
-|float=left
+<div style="font-size:1.4em; font-weight:700; line-height:1.2; margin:-0.2em 0 0.3em 0;">[[{{{page1}}}|{{{page1}}}]]</div>
-|A1=Health and mana
+<div style="margin:.1em 0; font-size:.85em; font-style:italic; color:var(--text-color);">{{{date1}}}</div>
-|B1=This is a full sentence that will take up a lot of space. The goal is to test how far we can push this column before it breaks.
+<p style="font-size:.9em; line-height:1.75em; color:var(--text-color); margin:.3em 0 0 0;">{{{desc1}}}</p>
-|A2=Mana
+</div>
-|B2=50
+<div style="text-align:left; padding:1rem 1.5rem 0.75rem;">
-|A3=Strength
+<div style="font-size:1.4em; font-weight:700; line-height:1.2; margin:-0.2em 0 0.3em 0;">[[{{{page2}}}|{{{page2}}}]]</div>
-|B3=20
+<div style="margin:.1em 0; font-size:.85em; font-style:italic; color:var(--text-color);">{{{date2}}}</div>
-|A4=Agility
+<p style="font-size:.9em; line-height:1.75em; color:var(--text-color); margin:.3em 0 0 0;">{{{desc2}}}</p>
-|B4=15
+</div>
-|A5=Defense
+<div style="text-align:left; padding:1rem 1.5rem 0.75rem;">
-|B5=30
+<div style="font-size:1.4em; font-weight:700; line-height:1.2; margin:-0.2em 0 0.3em 0;">[[{{{page3}}}|{{{page3}}}]]</div>
-|A6=Speed
+<div style="margin:.1em 0; font-size:.85em; font-style:italic; color:var(--text-color);">{{{date3}}}</div>
-|B6=25
+<p style="font-size:.9em; line-height:1.75em; color:var(--text-color); margin:.3em 0 0 0;">{{{desc3}}}</p>
-|A7=Luck
+</div>
-|B7=10
+</div>
-}}