CSS3 Responsive Web Design - Media Queries

Loading...

Sign in or sign up now!
Alert icon
Upgrade to the latest Flash Player for improved playback performance. Upgrade now or more info.
1,232
Loading...
Alert icon
Sign in or sign up now!
Alert icon

Uploaded by on Jan 3, 2012

Today we take a look at making your website more responsive by using simple @media queries.

By simply typing: @media screen and (max-width 600px) { } you can have your website change the way it looks when your browser reaches 600px wide.


Be sure to check us out on:

Twitter: https://twitter.com/pixelforlife

Google+: http://gplus.to/pfltuts

Website: http://www.pixelforlife.com

Category:

Howto & Style

Tags:

License:

Standard YouTube License

  • likes, 0 dislikes

Link to this comment:

Share to:

Uploader Comments (pfltuts)

  • As much as I love seeing comments, I can count them myself. Lets post useful things.. such as questions, suggestions... or compliments.. especially compliments. ;)

  • 8th!!! ^^ the ice is broken now let's comment serious....nice tut!!

    I guess for the multiple way of screening I only have to add more @media screen ...., right?

  • @Andaluz14 Yep, that is correct!

see all

All Comments (10)

Sign In or Sign Up now to post a comment!
  • @pfltuts thanks :)

  • 6th

    

  • 5th! Nice Job

  • plz don't say 4th :P

  • 3nd?

  • 2st

  • 1rd

Loading...

Alert icon
0 / 00Unsaved Playlist Return to active list
    1. Your queue is empty. Add videos to your queue using this button:
      or sign in to load a different list.
    Loading...Loading...Saving...
    • Clear all videos from this list
    • Learn more