I have a 6-item menu which is inline at desktop sizes, but block at mobile sizes. it works great, but at mobile, I'd like to have 2 columns of 3 buttons to make better use of my vertical space. is there an easy way to do this? can it even be done with css?
thank you! John existing desktop css: nav ul li{ display:inline; line-height:50px; font-size:80%; margin:0 3% 0 3%; } existing mobile css: nav ul li{ background-color:gray; border-radius:3px; display:block; width:97%; line-height:45px; font-size:100%; font-weight:700; margin:1% 0 0 0; padding:0 0 0 3%; } ______________________________________________________________________ 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/