我是html和css的新手，我试图改变我的名字输入的宽度，但无论我输入什么值，它都不会改变。是什么问题，我如何修复它？
下面是我的HTML代码：

<div class="form-container">
        <form>
          <div class="form-row">
            <div class="next-to-each">
                    <label for="name">Name:</label>
                    <input type="text" id="name" name="name" required>
                    <label for="subject">Subject:</label>
                    <input type="text" id="subject" name="subject" required>
                </div>
            </div>
        </form>
      </div>

我试着改变宽度的值，但它并不影响输入。我发现的解决方案是将边距设置为负数，但它似乎不正确，我想知道为什么我不能改变宽度
下面是我的CSS代码：

#name {
    width: 70%;
  }

.next-to-each{
    display: flex;
    flex-direction: row;
}

.next-to-each input{
    margin-left: 10px;
    flex: 1; 
}