On Tue, Mar 25, 2014 at 9:16 PM, John <j...@coffeeonmars.com> wrote: > Are there best practices in dealing with setting up and modifying media > breaks and the CSS for each? > > In the few responsive sites I've worked on, I find myself quickly getting > clobbered by the several instances of each style that must be adjusted for > each media break. I manage to deal with it, but wondering if others use > methods to help keep it all straight as they work, or especially, if they > have to come back to the code months later. > > Thank you! > > John
Mobile-first tends to keep repeat styles to a minimum. As your width increases, only change or add rules to deal with layout changes. My base (mobile) styles are heaviest, and sheets for increased widths tend to be extremely light, consisting only of tweaks. Also, I second the idea of content dictating break points, although other people where I work have expectations of where breaks occur, but that's another story... HTH -- 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/