Lately I've ceased worrying about device media break points and instead I've focused on our grid. Where we determine what the min/max width of a column is. How wide can one base column stretch, how narrow. When does it evolve to 2 columns, 3 columns, etc.. This has simplified the media breaks.
Currently heavily investigating use of flexbox in this context, both using the CSS3 for it and the spirit of it depending on what browsers have to be supported. Haven't settled on which of several methods will give us the best performance: flex, calc() with floats, scripting or mix. Overall, going mobile first has also simplified things, including typography (modular scale based on the golden ratio) which only changes once at desktop and again at wall. ELIZABETH DAVIES Input | Intellection | Learner | Achiever | Belief -----Original Message----- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of John Sent: Tuesday, March 25, 2014 8:16 PM To: CSS-Discuss Subject: [css-d] dealing with media breaks 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 ______________________________________________________________________ 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/ All information in this message is confidential and may be legally privileged. Only intended recipients are authorized to use it. ______________________________________________________________________ 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/
