Как на flexbox сделать продолжение блока?

Question

[Дима]

Доброго дня, изучаю flexbox в одном вопросе нужна помощь старших товарищей.
https://afalin.org/lyustry/
в списке товаров, делаю последний блок кнопкой перехода на следующую страницу. Когда было на float блок прекрасно стоял в нужно последовательности.
Сейчас переносится на следующую строку.
Просьба подсказать как прописать чтобы блок занял нужное место. Буду очень благодарен за критику верстки в целом, мой первый опыт.

Answer 1

[Антон Спирин]

Товары и кнопка у вас лежат в разных контейнерах. Надо кнопку переместить в контейнер к товарам.

Comments

[Дима]

Да я в курсе. К сожалению на этот блок висит обработчик , и когда я переключаю блок пропадает а при обновлении страницы появляется

[Антон Спирин]

v2254303, у вас по запросу пагинации POST /assets/components/msearch2/action.php в ответе в ключе results html возвращается. Можно возвращать кнопку с ответом в списке товаров. Но тогда событие click с кнопки перехода надо делегировать на контейнер:

$('.page-content_results').on('click', '.next-page', function(){
  $('.pagination li:nth-last-child(2)>a').click(); 
  return false;
});

По-моему это самый разумный вариант для решения вашей задачи.
Либо детачить ее перед удалением списка и добавлять после добавления загруженных товаров.