Как сгруппировать блоки в зависимости от разрешения экрана?

Question

[1ss1za]

Помогите пожалуйста, есть три отдельных блока (1, 2, 3), если разрешение экрана больше 992px нужно сгруппировать блок 1 и 2, в если меньше 992 то 2 и 3. Должно работать при загрузке и при изменении разрешения

Comments

[Алекс]

не понимаю что значит сгруппировать.
По второй части вопроса, для события загрузки используй
window.addEventListener('load', () => {})
для события изменения размера можно
window.addEventListener('resize', () => {})

p.s. для второго события думаю чтоит прилепить еще это

[1ss1za]

Алекс,

<div>1</div>
	<div>2</div>
	<div>3</div>

	<div class="wrap">
		<div>1</div>
		<div>2</div>
	</div>

	<div class="wrap">
		<div>2</div>
		<div>3</div>
	</div>

Так сгруппировать

[Алекс]

1ss1za если вам нужно именно выбрать из DOM конкретный блок и куда то вставить, ну тут только так как описал выше по данных событиям, ставите проверку на ширину окна и флаг какой-нибудь что при ресайзе постоянно не дергалось и дальше производите действия что вам нужны копируете и вставляете. А вообще мне кажется что вы что-то не договариваете и исходя из тех данных что имеются почему бы просто не обернуть сразу все 3 блока в контейнер какой вам нужен и тупо медиа выражениями css скрывать и показывать?

.block-3 {
    display: none;
}
@media screen and (max-width: 992px) {
    .block-1 {
        display: none;
    }
    .block-3 {
        display: block;
    }
}

[Lord_Dantes]

Алекс, сразу видно что только html программист дает такие "советы". Сейчас бы советовать проверять ширину на js

[Алекс]

slave, от вас вообще нет советов) и как ещё чекнуть ширину не используя css(я написал про него тоже если вы не видите) , html?

[Lord_Dantes]

Алекс, это вопрос из ряда "как можно выкопать огород без лопаты" - руками конечно же!

[Lord_Dantes]

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

[Алекс]

slave, я просто скинул варианты как это сделать, тупо конечно, но какой вопрос такой ответ. А от вас просто какой то наезд, но я не в обиде)