Breakpoints, Codecademy, Learn Responsive Design, Media Queries

Lesson Summary

In this video we look at CSS breakpoints. A breakpoint is a point at which a site no longer appears properly. We can set breakpoints so that when a screen size meets set media queries, it can adjust correctly. For example to target a device such as a tablet that is in landscape mode, we can create this type of breakpoint: @media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) { /* CSS RULE */ }