List,
I'm working on a project that has large photo headers on each section
of a long scrolling page. Each header has - as you would expect -
related copy under it in a "main" section.
Client is requesting that more copy appear on screen with it's related
header, so I am thinking I'll institute an MQ related to viewport
height like:
@media screen and (max-height: 1024px){
header{height: $shorter-height;}
}
My question is what is the proper place to put this? After all my
other MQs? In with my styles near where the taller height is
specified? Does it matter?
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
