JSFiddle - React, Tailwind, and code Playground

by Alex

HTML

<form>
  <div class="field">
    <div class="name">
      Название
    </div>
    <div class="val">
      <input type="text" name="name" value="">
    </div>
  </div>
  <div class="field">
    <div class="name">
      Варианты
    </div>
    <div class="val">
      <div>
      Объем: <input type="text" name="volume" value="30">
      Цена: <input type="text" name="price" value="30">
      <input type="button" value="Удалить вариант">
      </div>
      <div>
      Объем: <input type="text" name="volume" value="60">
      Цена: <input type="text" name="price" value="40">
      <input type="button" value="Удалить вариант">
      </div>
      <div>
      Объем: <input type="text" name="volume">
      Цена: <input type="text" name="price">
      <input type="button" value="Добавить вариант">
      </div>
    </div>
  </div>
  <p>&nbsp;</p>
  <input type="button" value="Сохранить">
</form>