[Solved] Media Query styles not working in Safari on browser resize.

[Krish1980]

The colorful ‘date’ block is supposed to become a block level element at around 500px window width, but it still shows display:table-cell.

All the other browsers display the styles properly on browser resize (even IE9 – not targeting lower versions)

The codepen, however, shows the styles perfectly, even for safari.

http://codepen.io/Krish1980/pen/Isnai/

What is happening here?

[Paulie_D]

Could be a missing curly bracket according to a quick google.

Looks like Safari is a little more picky than other browsers.

I took a quick look at the CSS file and I think you need a closing curly bracket on line 833

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;}
}
} /* here */

[Author]

Posts