From the course: Practice It: CSS Layout

Unlock the full course today

Join today to access over 24,900 courses taught by industry experts.

Using media queries

Using media queries - CSS Tutorial

From the course: Practice It: CSS Layout

Start my 1-month free trial Buy for my team

Using media queries

“

- [Instructor] Often, you will need to make at least minor if not substantial changes to your web layout in order to support certain screen sizes. This is where media queries becomes useful. While coding our web layout, we use CSS media queries to define the view port. Media queries enable us to create a responsive experience where specific styles are applied to small screens, large screens, and screens anywhere in between. The dimensions where the design changes are called breakpoints, so we can check out this site and see that the layout change is at least two, but probably three different breakpoints. Defining breakpoints based on specific devices, products, brand names, or operating systems that are in use today can result in a maintenance nightmare. Instead, the content itself should determine how the layout adjusts to its container. We're going to use three common screen widths for making our layouts responsive.…

Contents