Задать вопрос
@Daniel_Defo

Как переместить 1 блок в другой при ресайзе страницы?

Привет великие frontendеры, появилась задача, которую не могу решить.
Имеется каталог 5c4c487f3b3d6739845502.png
Мне нужно при ресайзе страницы - изображение добавлять в блок с описанием(там я уже смогу с помощью flex поменять последовательность)5c4c48f8d1aad906773705.png.

Пробовал append и другие элементы с работы с dom деревом, но проблема в том что блоки однотипные и при перемещении все картинки суммируются и получается каша, не хочется задавать каждому изображению отдельный класс для нормального переноса.
Может кто сталкивался с этим.(простановка класса через js и перенос изображения в другой блок одной функцией или метод проще).
Спасибо за внимание
  • Вопрос задан
  • 255 просмотров
Подписаться 1 Средний Комментировать
Решения вопроса 1
sfreaky
@sfreaky
Начинающий веб и софт разработчик
Как вариант разместить все в одном блоке, в десктопе сделать картинку абсолютно позиционированной прижатой к левому краю с процентной шириной, а на мобильных убрать.
https://jsfiddle.net/oqy87z10/1/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Rocket Смоленск
от 80 000 до 130 000 ₽
div. Ставрополь
от 40 000 до 90 000 ₽
Wanted. Санкт-Петербург
До 220 000 ₽