User:MonkeysHK/sandbox9

 .dual-table-grid { display: grid; grid-template-columns: 1fr 1fr; margin: 12px 0; } .dual-table-grid table { margin: 0; height: 100%; /* This is required for 100% height to work properly on child elements inside the table */ } .dual-table-grid .seperator-cell { border-bottom: 5px solid var(--theme-accent-color); } @media screen and (max-width: 800px) { .dual-table-grid { grid-template-columns: 1fr; } }

Module:Sandbox/MonkeysHK -> Module:Potion/PotionPageRow

Structure:

Suggestions:
 * Make a template creating a dual table: