Template:HeroRosterCard: Difference between revisions

QuinnBinn (talk | contribs)
m Undid percentage scaling, thought it would solve mobile presentation but alas
Added better mobile responsiveness
Tags: Mobile edit Mobile web edit
Line 1: Line 1:
<onlyinclude>
<onlyinclude>
<div style="display:inline-block; margin-left: 20px; margin-bottom: 15px; width:768px">
<div style="display:inline-block; margin: 15px 10px 15px 10px; width:min(768px, 90vw);">
{|- style="text-align:left; background-color: #F9DFB1; border-collapse:collapse; border-radius: 55px; font-size: 12px; font-family: 'PT Serif','Palatino','Georgia',serif;"
{|- style="text-align:left; background-color: #F9DFB1; border-collapse:collapse; border-radius: 55px; font-size: 12px; font-family: 'PT Serif','Palatino','Georgia',serif;"
| rowspan="4" | <div class="HeroCard2">[[File:{{{hero|Abrams}}} Render.png|256px|link={{{hero|Abrams}}}]]</div>
| rowspan="4" | <div class="HeroCard2" style="width: min(256px, 15vw); padding: 10px">[[File:{{{hero|Abrams}}} Render.png|256px|link={{{hero|Abrams}}}]]</div>
| style="text-align:center; background-color: #FEF6E7; height:20px; font-size:25px; line-height:11px" colspan="2" | '''{{{hero|Abrams}}}'''
| style="text-align:center; background-color: #FEF6E7; height:20px; font-size:25px; line-height:11px" colspan="2" | '''{{{hero|Abrams}}}'''
|- style="background-color: #FEF6E7; font-size:14px; height:8px; text-align:center; font-weight:bold;"
|- style="background-color: #FEF6E7; font-size:14px; height:8px; text-align:center; font-weight:bold;"