ios table justify test

by Csaba Hellinger

HTML

<div class="table">
<div class="cell left">L</div>
<div class="cell right">R</div>
</div>

CSS

html,body { font-size: 8px; }

.table {
    display: grid;
    grid-template-columns: 2;
    border: 1px solid black;
}

.cell {
    background: yellow;
    width: 3rem;
    padding: 1rem;
    position: relative;
    transform: translateY(-50%);
}

.left {
    grid-column: 1;    
    justify-self: start;
}

.right {
    grid-column: 2;
    justify-self: end;
}