Div с гибким расстоянием отображения между входами ⇐ CSS

[Anonymous]

Я пытаюсь использовать Flex для создания элемента div с входными данными, и я хотел, чтобы он занимал весь центр экрана с пространством между входными данными без необходимости использования нижнего поля, чтобы между ними было пространство, я подумал, что это код было достаточно, но между ними нет места. Можно ли сделать это с помощью CSS без использования поля во входных данных?

Код: Выделить всё

.flex {
display: flex;
}

.flex-1 {
flex: 1 1 0%;
}

.flex-col {
flex-direction: column;
}

.justify-center {
justify-content: center;
}

.bg-gray-700 {
--tw-bg-opacity: 1;
background-color: rgb(28 28 28 / var(--tw-bg-opacity));
}

Код: Выделить всё

banner













Click Me!

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

Подробнее здесь: https://stackoverflow.com/questions/782 ... een-inputs