yadscreech

$(document).mouseup(function (e) {
	    var container = $('ваш блок/обёртка/"белый фон"');
	    if (container.has(e.target).length === 0){
	       "Делаем тут что хотим с дочерними эл-ми и не только"
	    };
	});

Если я правильно понял, то вот. Если нет, обьясните подробнее.
https://codepen.io/screech/pen/gywWVB

Если ты в этом ничего не понимаешь, то посмотри лучше видео на ютубе, потому что тебе тут дадут готовое решение, и никто ничего обьяснять не будет, чтобы адаптивно размещать тебе нужно выучить Grid и Flex, вот одно из решений https://codepen.io/screech/pen/wQPYqo А если нужно адаптив ещё и под мобильные версии, посмотри/почитай media запросы css.