Menu icon Foundation
Why .hide-for-large-only doesn't work over 75em screens?

Hi!

 

I don't understand why the .hide-for-large-only class is configured to hide between (min-width: 64em) and (max-width: 74.99875em)? Screens over 75em up should also be considered as large, or do I get anything wrong?

 

Also, what should I do to hide a component on screens over 75em?

 

Cheers!

.hide-for-large-onlyvisibility class

Hi!

 

I don't understand why the .hide-for-large-only class is configured to hide between (min-width: 64em) and (max-width: 74.99875em)? Screens over 75em up should also be considered as large, or do I get anything wrong?

 

Also, what should I do to hide a component on screens over 75em?

 

Cheers!

Rafi Benkual about 1 year ago

If you use .hide-for-large it will hide everting in the large breakpoint and up. If you do .hide-for-large-only it will only apply to the large breakpoint