@PedroEustaq
Posted
Hello! You want to know how to change variables in CSS trought JS? if it is, just:
var page = document.querySelector('.Container');
page.style.width = '200px';
page.style.backgroundColor = 'green';
and keep going...
or if it is, example, 100px...100vh / 100vw.... 100% | I recommend you watch some youtube videos about it, but yet i haven't found one to show you :(
Basically:
-
px = is for amount of pixels
-
% = is relatable as the size of the page (if you make a container with height: 90% it cover 90% relatable to your page, ex: your page is heigth 3000px then the height of the container will be 90% of 3000px.)
-
vh = is only for height, and its the same thing as % but it will depend on your screen (if you put height: 80vh, it will cover 80% of the screen the user is on.)
-
vw = is only for width and its the same but with width.
-
Try making and HTML5 changing de body with these ones, so you can see the diference!