У вас должно быть всего две кнопки для всего слайдера, а не для каждого слайда по паре, если я правильно понял, ибо код вы не приложили. Вот например 1-ый результат из google по запросу "как сделать слайдер".
Так это же блочный элемент. Раз не нужно, чтобы элемент занимал всю ширину, задайте ему свое значение в width. А вообще хотелось бы понять чего вы хотите добиться? В одну строчку выставить все изображения? Если да, то оберните все в общий контейнер и задайте ему display: flex. Подробнее тут
Я бы посоветовал Swiper. Просто оберните ваши блоки в общий контейнер и инициализируйте слайдер при нужном разрешении, и соответственно не забудьте про destroy
Osco, а для каждой характеристики/навыка отдельный столбец не подойдет? Сомневаюсь что прям огромное количество будет у вас, учитывая что это фильтры внешности
Ну имхо тут как минимум в БД все должно по другому выглядеть. Т.е. если у каждого человека могут быть эти характеристики, то почему бы не создать таблицу, в которой будут условно столбцы: id, actor_id, property_3, property_4, property_5, property_6 и т.д, т.е. 1 запись = 1 человек, тогда и с выборкой будет намного проще.
Владимир, стоит лишь немного подумать и посмотреть, что там в стилях натыкано и все встанет на свои места. У тебя указано свойство flex-wrap: wrap, у тебя указаны явные значения ширины для элементов и тд.