[Pro] media query

Freeway
1

Im trying to make the ‘red deal’ callout disappear after a certain width is hit (500px) - I stuck this in before the /head in the HTML markup…

@media screen and (max-width: 500px) { .deal { display: none; }

Not working - Anyone know whats wrong?

Cheers

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

Two things are working against you. Your @media statement is missing a
closing curly bracket (whatever “{ }” are called) and your style is using a
class identifier instead of an id (“.” instead of “#”).

In all, the media query should read:

@media screen and (max-width: 480px) {
#deal { display: none; }
}

Otherwise, well done.

–
Ernie Simpson

On Fri, Nov 23, 2012 at 9:47 PM, Justin Easthall email@hidden wrote:

Im trying to make the ‘red deal’ callout disappear after a certain width
is hit (500px) - I stuck this in before the /head in the HTML markup…

@media screen and (max-width: 500px) { .deal { display: none; }

Not working - Anyone know whats wrong?

Cheers

http://www.easthalldesign.com

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

AWSOME! Thanks

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options