About This Course

In this course, you will learn how to use media query to manipulate web pages. Responsive web design is about creating web pages that look good on all devices! A responsive web design will automatically adjust for different screen sizes and viewports. 

Modules

Using Media Query

CSS (Cascading Stylesheet) is a modern framework which gives us the ability to design for desktop, tablet, and mobile design with less stress. This section will show how you can use media query to manipulate the web.

0 / 4 Steps

Steps Expand Icon

Structuring the HTML

Declaring the global styles

Declaring the basic styles

Adding CSS media query

Targeting Multiple Screens

Media queries can be used to check many things, such as the width and height of devices (phones, tablet or desktop). In this section you will learn how to target multiple screens.

0 / 3 Steps

Steps Expand Icon

Targeting Mobile Screens

Targeting Tablet Screens

Targeting Desktop Screens