HTML, CSS div и размещение элементов img

Question

У меня есть школьное задание, над которым я работаю.Это опрос с визуализацией данных, который поддерживает редактирование, удаление и добавление вопросов.Для визуализации я использую круговые диаграммы, которые расположены друг под другом на одном изображении.

Я бы хотел разместить элементы DIV друг под другом и поместить длинное изображение рядом с этими элементами div, как показано на рисунке.ниже:

.

Может быть переменное количество элементов div, а также высота изображения также может быть переменной.Как мне этого добиться?

Answer 1

Я настоятельно рекомендую использовать Bootstrap, это простая форма для создания структуры, с использованием CSS и Javascript, очень гибкая, посмотрите примеры для создания, такие как дизайн https://getbootstrap.com/docs/4.1/examples/

Answer 2

Я уверен, что вы можете достичь этого с помощью флексбоксов.Взгляните на this (ссылка) и пример, приведенный в нижней части страницы.