Как перенести flex элемент на строку ниже и почему?

Question

[Артем Жуков]

Уважаемые коллеги знаю что свойство Flex-wrap это делает пробовал но все равно не получается в коде указанном ниже я не поставил это свойство , подскажите есть ли ошибка в коде и куда правильно нужно поместить flex wrap . Моя задача перенести заголовок "показать еще" под фотографии с описанием . Заранее спасибо!

Comments

[Alex]

Для кода есть специальная кнопка в редакторе. А Скриншоты кода -- нарушают правила сайта. А если вы хотите получить ответ -- залейте демо в песочницу.

[FeST1VaL]

Ничего не понятно... но насколько я вижу у вас структура не правильная... а если у вас будет элементов меньше чем вмещается на 1 или 2 строки? например в строке 3 элемента, а у вас всего 1, то получается кнопка показать еще будет справа от этого элемента? как по мне бред.
Выносите кнопку за список

[Артем Жуков]

Alex, а какая cпециальная кнопка ?

[Alex]

Артем Жуков,

[Артем Жуков]

Alex, спасибо , https://jsfiddle.net/artempelmen/jb4rwdLt/2/ почему "показать еще" ушел вправо ?

[Никита Михайлов]

margin-left: 650px;

Что за внезапный отступ? Вы сдвигаете кнопку на 650 пикселей. Вот она и поехала вправо

[Артем Жуков]

Никита Михайлов, я имею ввиду border уезжает от кнопки почему то

[Артем Жуков]

Никита Михайлов, все равно даже возвращаю кнопку обратно а полоса бордер растягивается на ширину экрана, в чем дело

[Никита Михайлов]

.button {
  display: inline-block;
}

Вот это решит все ваши вопросы. Уберите ширину в 100%, уберите огромный внешний отступ