Реши задание на изображении

Анализ зон для перетаскивания и изображений

Я обдумываю макет: есть два заголовка на x224 и x514, и у каждого должна быть соответствующая зона для перетаскивания. Но затем я замечаю несколько портретов также на x234 и x510. Похоже, что на скриншоте могут быть показаны перетаскиваемые изображения, которые уже организованы в две группы. Я просто хочу убедиться, что всё правильно выровнено относительно обозначенных областей! Визуализировать это немного сложно, но давайте разберёмся.

Сопоставление расположения портретов

Я думаю, что это может быть макет с двумя столбцами; возможно, текущие группы обозначены белыми/красными заголовками? В тексте упоминается перемещение портретов в нужные столбцы, которые, вероятно, расположены в расположенном ниже банке. Я пытаюсь определить, что позиции организованы в формате 4x2, с определёнными промежутками из-за двух столбцов. Ширина страницы может составлять 900, а заголовки на определённых координатах x указывают расположение столбцов. Возможно, пользователь уже разместил портреты, но я задаюсь вопросом, есть ли скриншот, показывающий, как они были расположены изначально.

Анализ веб-макета

Я рассматриваю макет с заголовками на y880 и портретами на y1205. Вероятно, должны быть значительные зоны для перетаскивания, особенно в пространстве столбцов от y900 до y1140. Наличие двух групп может означать, что каждый перетаскиваемый элемент представляет собой пару. Я пытаюсь разобраться в веб-макете: на y870 находятся два столбца заголовков, а между заголовками и портретами есть пустое вертикальное пространство примерно 250 px. Карточки, по-видимому, расположены на y1200.