Wrath:Aeldari Ranger Psyker: Difference between revisions

m test
Using the flex-grid classes for div
Line 357: Line 357:
|}
|}
</div>
</div>
<div style="width: 100%; display: flex; flex-direction: column; align-items: center; border: 1px solid #aaa; box-sizing: border-box; padding: 2px 2px 0 2px;">
<div class="flex-container">
<div style="width: 100%; background-color: #e1e1e1; text-align: center;>'''TEST'''</div>
<div style="width: 100%; background-color: #e1e1e1; text-align: center;>'''TEST'''</div>
<div style="width: 100%; display: grid; grid-template-columns: 1fr 9fr; grid-column-gap: 2px; margin: 0 0 2px 0;">
<div class="grid-row" style="grid-template-columns: 1fr 9fr;">
  <div style="padding: 2px; background-color: #f8f8f8">10</div>
  <div class="grid-cell">10</div>
  <div style="padding: 2px; background-color: #f8f8f8">Species: Aeldari</div>
  <div class="grid-cell">Species: Aeldari</div>
</div>
</div>
<div style="width: 100%; display: grid; grid-template-columns: 1fr 9fr; grid-column-gap: 2px; margin: 0 0 2px 0;">
<div class="grid-row" style="grid-template-columns: 1fr 9fr;">
  <div style="padding: 2px; background-color: #f8f8f8">35</div>
  <div class="grid-cell">35</div>
  <div style="padding: 2px; background-color: #f8f8f8">Attribute: Toughness 5</div>
  <div class="grid-cell">Attribute: Toughness 5</div>
</div>
</div>


</div>
</div>