<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がcalになっている */
.col {
width: cal((300 / 640) * 100%);
background: #ccc;
}