Ваш вопрос немного расплывчат, но я предполагаю, что вы хотите центрировать .previous
и .next
деления.
Поскольку оба они уже используют display: flex
, вам просто нужно добавить align-items: center
к классам. previous
и .next
, чтобы сделать их центрированными по горизонтали . Если вы также хотите, чтобы содержимое (изображение и текст) располагались по центру по вертикали , вам необходимо добавить justify-content: center
. Вот результат:
.next {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.previous {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
Если вы пытаетесь заставить изображения в этих элементах div занимать больше места, вам нужно увеличить правило width
ниже. Поскольку вы отметили, что вам нужно 100%, вам нужно изменить это на:
.containerimg {
width: 100%;
height: auto;
}