如何正确使用计算器？

Question

:root {
    --offset: 30px;
  }

  .grid-cols-custom {
    /* Calculate the column widths using custom properties and calc() */
    grid-template-columns: calc((424px / (100% - var(--offset))) * 100%)  calc((608px / (100% - var(--offset))) * 100%);

在网格中我有 2 个项目，一个是 424px，另一个是 608px。我希望他们能够做出回应。但填充和间隙会产生视觉错误。所以我想要一个带有计算的百分比：

逻辑 : ((424px/ (div 的全宽 - 30px )) * 100%) 所以我们的 div 总是会调整它们的宽度

请帮助我。这是 css 验证器告诉的一个问题“一个操作数必须是数字”

我已经在这里呆了 4 个小时了：{