stylowanie document.body w Typescript

Chcalbym ostylowac body i dodac responsywnosc w Typescripcie. Czy powinienem to zrobic w srodku konstruktora? Wiem ze to pewnie glupie pytanie, ale jestem poczatkujacym programista. this.body wyrzuca mi blad : "Type 'void' is not assignable to type HTMLBodyElement, a przy przypisaniu klasy: "Property 'body' does not exist on type HTMLElement. Jak moge rozwiazac ten problem, bez tworzenia media query w CSS?

body: HTMLBodyElement;
	constructor() {
		this.body = document.body.addEventListener("resize", function() {
		   if(window.innerWidth < 769) {
			   this.body.classList.add('body-small');
		   } else {
			   this.body.classList.remove('body-small');
		   }
	   });
	}

ale konstruktorze czego? typescript to tylko rozszerzenie javascripta, a nie podałeś o jaki framework chodzi. Domyślam się że chodzi o angular? W tym przypadku lepiej to zrobić w oninit - https://angular.io/api/core/OnInit

mimo wszystko media query to lepsze wyjście, możesz z niego skorzystać też w javascript:
https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia

do śledzenia zmian rozmiaru możesz też użyć resizeobserver
https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver

ale mimo wszystko myślę że media query w css to najlepsze wyjście