divs Display property change via CSS media query -


trying set different layout using media queries have truble defining divs layout according screen width

this the fiddle result

and the fiddle test project using

the problem stack on top of others

red green  blue  

when hitting less 1200 px

what doing wrong ?

the main problem having css ignoring @media code. using inline css, , inline css rules wins external css rules (== @media code).

recommend reading on cascading order of css: http://monc.se/kitchen/38/cascading-order-and-inheritance-in-css

for jsfiddle, transfer code style="..." css frame on right, making external css instead of internal css. reorder this: if want media override default css, place @media selector under code want overridden.


Comments

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

Pull out data related to my apps from Android Play Store and iOS App Store -

How can I fetch data from a web server in an android application? -