Sizing and positioning elements based on window width

Viewport units for CSS

1vw = 1% of viewport width
1vh = 1% of viewport height

This way, you don’t have to write many different media queries or javascript.

If you prefer JS

window.innerWidth;
window.innerHeight;