Как выровнять ячейки по центру и зафиксировать?

Question

[newokek]

<form class="block" action="#">
						<div class="divided-input">
							<input type="number" />
							<input type="number" />
							<input type="number" />

							<input type="number" />
							<input type="number" />
							<input type="number" />
						</div>
					</form>

.block {
  display: block;
  position: relative;
  width: 350px;
        }
.block input {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  border-color: #adadad;
  padding: 3px;
  border: 1.7px solid #adadad;
  text-align: center;
}
.block input:focus {
  box-shadow: 0 0 5px #a64bf4;
}
.block button {
  margin-left: 20px;
}

Как я могу выровнять все ячейки по центру и зафиксировать, чтобы при масштабировании они никуда не уезжали.

Answer 1

[Ankhena]

display: flex;
justify-content: center;

ну или гридами, без разницы.

Comments

[Ankhena]

newokek, покажите в песочнице на codepen.io как так оно вам не помогло.
Если что, это для обертки этих инпутов.