如何将高度定制为Daisy UI步骤？

Question

我正在尝试从与黛西UI和尾风CSS 3的反应中建立一个多步骤。

我已经为该形式建立了一个网格系统。

   <div className="grid grid-cols-12  gap-4">
        <div className="col-span-10 grid">
         ....
       </div>
         
        <ul className="steps steps-vertical col-span-2">
          <li className="step step-primary">Basic Details</li>
          <li className="step">Add image</li>
          <li className="step">Confirmation</li>
        </ul>
      </div>

因此，形式看起来像这样。

我希望2添加图像步骤降低而不占用相等的空间。我该如何在CSS中做到这一点？

我尝试使用网格行，但它打破了布局。