Uptown HTML

CSS3 Media Inquiries

A media query are added in CSS3 style sheet witch consists of a media type and at least one expression that limit the style sheets' scope by using media features, such as width, height, and color.

Objective

In this lesson you will be learning how to use media queries to make your site responsive due to the width of the screen and to respond to the specific properties of your choice.

Sub Objective

This lesson will include the following key features about media queries such as min-width, max-width, min-device-width, max-device-width, min-height, max-height, min-device-height and max-device-height.

You will also learn about the media types such as all, aural, braille, handheld, print, projection, screen, tty, tv and embossed. Also the medias key words like and, or, not, and only

View Demo

Lesson Plans:

web_add

Question 1: Witch is a proper way to create a CSS media query in your CSS3 (style sheet) document?





Question 2: Witch of these style sheets does not have a media query added to it?





Question 3: What are the four medias key words that can be used when writing a media query in your CSS3 document?