我正在创建一个响应式HTML页面，并且必须将以下类应用于HTML页面中的多个元素（大约50个div）。有没有办法将同一组类应用于多个元素，而不是重复相同的代码50次？我正在使用sass。我想要应用的类是：

class="row row-cols-1 row-cols-md-2 ml-0"

我试过使用网格模板列：重复（自动调整，最小最大（360px，1fr））;但是发现使用. px效率很低。有没有其他替代方案来实现响应式设计（也许使用Flexbox）。
编辑：
我的HTML是这样的。

<div class="mb-4 contact-info">
 <p class="row row-cols-1 row-cols-md-2 ml-0">
  <span>aaa</span>
  <span>bbb</span>
 </p>
 <p class="row row-cols-1 row-cols-md-2 ml-0">
  <span>ccc</span>
  <span>ddd</span>
 </p>
 <p class="row row-cols-1 row-cols-md-2 ml-0">
  <span>eee</span>
  <span>fff</span>
 </p>
 <p class="row row-cols-1 row-cols-md-2 ml-0">
  <span>ggg</span>
  <span>hhh</span>
 </p>
</div>