<div class="row">
<div class="col">
これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。
</div>
<div class="col">
これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。
</div>
</div>
.row {
display: flex;
justify-content: space-between;
max-width: 640px;
margin: auto;
}
/* calcの計算順が間違っている */
.col {
width: calc(300 / 320 + 320 * 100%);
background: #ccc;
}