Changing margins based on window width

Asked Apr 08 '21 at 15:02

Active Apr 08 '21 at 15:09

Viewed 66 times

Is it possible to change the margins dynamically based on the windows width?

For example: margin: 100px 200px 50px; when the window is at full size and when you resize the window it starts lessening the margins by increments of 10, for example.

Now I'm using @media, which works but doesn't look really it. The margins basically snap when the width is 1500px.

edited Apr 08 '21 at 15:09

TylerH

20,799
66
75
101

asked Apr 08 '21 at 15:02

Danny Informal

3

Youcould use the `vw` unit for that. – Amaury Hanser Apr 08 '21 at 15:04
Use margin: 7vw 13vw 4vw 0;. – Sato Takeru Apr 08 '21 at 15:05
Sorry if my questions seem a bit stupid, I'm new to this. So, what would margin: 7vw 13vw 4vw 0; do exactly? And wouldn't this result in my wrapper not being centered anymore? – Danny Informal Apr 08 '21 at 15:32

Changing margins based on window width

0 Answers0