А как вы адаптируете сайт, когда нужна помощь js?

Я заметил что я из проекта в проект начинаю тянуть вот такую конструкцию, придумал ее довольно давно, когда только встретился впервые с js лицом к лицу :)

var mobileMarker = false; 
updateContainer();

	$(window).resize(function() {
		updateContainer();
	});

	function updateContainer() {
		if (window.innerWidth < 768) {
			if(!mobileMarker){
				//здесь выполняю какой-то код для мобильных, например перетаскиваю нужный блок в другое место
				mobileMarker = true;
			}
		}else {
			if(mobileMarker){
				// на место возвращаю блоки, которые перетаскивал на мобильных
				mobileMarker = false;
			}
			
		}
	}

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

Знающие, скажите пожалуйста корректно ли вообще использовать такой подход, такой код, как подобные ситуации решаете вы. Спрашиваю т.к учусь совсем javascript'у и не с кем посоветоваться правильно ли я выполняю свои задачи) а то код может работает а подход в корне неверный) Просто очень часто наш дизайнер рисует мобилу и десктоп так, что без js там не разложишь блоки малой кровью :)