From the course: CSS Essential Training

Unlock this course with a free trial

Join today to access over 25,600 courses taught by industry experts.

Breakpoints and media queries

Breakpoints and media queries

From the course: CSS Essential Training

Start my 1-month free trial Buy for my team

Breakpoints and media queries

“

- [Instructor] Media queries are used to apply CSS based on specific conditions. A breakpoint is the point where a media query is introduced to make layout or design changes. For responsive web design, breakpoints were often used to target the width of specific device categories, mobile, tablet, laptops, and desktops. While these general guidelines still target the majority of available screen sizes, another approach is to choose breakpoints based on where the design and layout begins to break rather than focusing on specific device dimensions. Even if you decide to choose breakpoints based on design, it's still helpful to have a general idea of what resolutions are currently being used. Statcounter is a tool that provides website user statistics. This graph shows the resolution usage for all platforms worldwide. You can also filter by specific platform, region, or year. When looking at the graph, we can see that there are a…

Contents