Menu icon Foundation
REM to VW for margins??

My client wants their site margins and gutters to be measured by vw (viewport width) and I am having a hard time figuring out how to accomplish this. When I try to overwrite the default margins and gutter settings they are still converted to rem. is there a way to overwrite the rem calculator for margins and gutters?

 

here is where I added my code in _settings.scss:

$grid-column-gutter: 4.5vw;

and here is what the site shows when I inspect it: 

gutters converted to rems

sitesmarginsguttersgrid

My client wants their site margins and gutters to be measured by vw (viewport width) and I am having a hard time figuring out how to accomplish this. When I try to overwrite the default margins and gutter settings they are still converted to rem. is there a way to overwrite the rem calculator for margins and gutters?

 

here is where I added my code in _settings.scss:

$grid-column-gutter: 4.5vw;

and here is what the site shows when I inspect it: 

gutters converted to rems

Rafi Benkual over 3 years ago

I've used VH and VW for heights and width but never for a gutter. What is the advantage of doing it this way?

Ryan Copeland over 3 years ago

I'm not sure of the advantages, the client has decided that this would be their standard so I have to figure it out.