@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;
}


6284efce269ee183700256.jpeg

Как я могу выровнять все ячейки по центру и зафиксировать, чтобы при масштабировании они никуда не уезжали.
  • Вопрос задан
  • 35 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
display: flex;
justify-content: center;


ну или гридами, без разницы.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы