Подскажите пожалуйста, как можно задать расположение одного flex элемента по центру, а другого оставить у правого края?
Сейчас у меня заданы следующие свойства:
<div class="box">
<button class="button button1">Button 1</button>
<button class="button button2">Button 2</button>
</div>
.box {
display: flex;
justify-content: flex-end;
padding: 10px;
}
.button1 {
justify-items: center;
}
Я попробовал задать для button1 свойство justify-items: center, чтобы выровнять его по центру, однако оно не сработало. Подскажите, в чем может быть проблема?