how do i put two out of three inputs on the same line?

<form class="input-row">
  <input type="text" id="input1" name="input1">
  <input type="text" id="input2" name="input2">
  <input type="text" id="input3" name="input3">
</form>

<form class="input-row">
  <input type="text" id="input1" name="input1">
  <input type="text" id="input2" name="input2">
  <input type="text" id="input3" name="input3">
</form>

*, *::before, *::after {
  box-sizing: border-box;
}
.input-row {
  width: min(60ch, 100% - 4em);
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em;
}
input {
  flex:1 1 45%;
}

*, *::before, *::after {
  box-sizing: border-box;
}
.input-row {
  width: min(60ch, 100% - 4em);
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em;
}
input {
  flex:1 1 45%;
}