That should be: @media screen and (max-width: 640px) { > table{ width: 320px!important; } > }
On Tue, Feb 21, 2017 at 8:47 AM, Tom Livingston <tom...@gmail.com> wrote: > Ron, > > Looks to me like you closed the MQ before all of the styles, so the > styles are working all the time. Also, it appears you aren't targeting > anything and therefore not changing anything. > > for example: > > @media screen and (max-width: 640px) { > table: width: 320px!important; > } > > Let me know if I can be of more help. > > > On Tue, Feb 21, 2017 at 8:25 AM, Ron Zisman <ronzis...@mac.com> wrote: >> karl, >> >> http://ricochet.org/plastics_feb20.html >> >> i’ve been trying to work with media queries. i think understand the basic >> concepts, i’ve done some tutorials, rebuilt the html and am still banging my >> head. >> >> i theory, it seems like it shouldn’t be that hard. a wrapper and fixed >> container. when i apply the query, it goes liquid and won’t hold the 600 >> measure. >> >> sorry to be so dense, but i’m going nuts—i’m done a few tutorial from litmus >> .no <http://litmus.no/> luck. i was hoping to get an extremely simple >> example. >> >> >> most of the examples i’ve seen have a ton of resets and queries—its a blur. >> its not from not trying. —thanks again, >> >> ron >>> On Feb 19, 2017, at 10:05 PM, Karl DeSaulniers <k...@designdrumm.com> wrote: >>> >>> Ron, >>> Quick and simple. >>> >>> Google: CSS Media Queries example >>> >>> Download, dissect and learn. >>> >>> GL! >>> >>> Best, >>> >>> Karl DeSaulniers >>> Design Drumm >>> http://designdrumm.com >>> >>> >>> >>> >>>> On Feb 18, 2017, at 7:14 PM, Ron Zisman <ronzis...@mac.com> wrote: >>>> >>>> hi all, >>>> >>>> http://ricochet.org/plastics_engineering.html >>>> >>>> i’m new to email, but most of the table coding went ok, but as i’m trying >>>> to make it responsive, >>>> i need media queries. i understand the concept, but am having trouble with >>>> reality. >>>> >>>> a little direction would be appreciated. >>>> >>>> thank you in advance, >>>> —ron >>>> ______________________________________________________________________ >>>> 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/ >>> >>> ______________________________________________________________________ >>> 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/ >> >> ______________________________________________________________________ >> 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/ > > > > -- > > Tom Livingston | Senior Front End Developer | Media Logic | > ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com > > > #663399 -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 ______________________________________________________________________ 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/