将多个Foundation网格单元缩小到相同的宽度

Question

目前，我正在使用一个响应式视图，该视图应模仿一个由N行和2列组成的表。目前，我在各列中使用large-2和large-10，偶然发现Foundation的*-shrink和*-auto类。当然，我不能只使用以下内容：

<div className='grid-x grid-margin-x space'>
  <div className='cell small-12 large-shrink text-bold'>
    {translation.currentSaldoLabel}
  </div>
  <div className='cell small-12 large-auto'>
    {overview.totalUnsettledRevenue.toFixed(2)}
  </div>
</div>
<div className='grid-x grid-margin-x'>
  <div className='cell small-12 large-shrink text-bold'>
    {translation.currentDateLabel}
  </div>
  <div className='cell small-12 large-auto'>
    {overview.requestDate.formatDayMonthYear()} - {formatLocalTime(overview.requestTime)}
  </div>
</div>

此代码段将缩小第一列中的单元格，但不会达到相同的宽度，因为它们之间没有实际关系。我想知道是否存在可行的方法来同时调整多个单元格的宽度，以使其缩小到相等的大小。