Breakpoints, Codecademy, Learn Responsive Design, Media Queries

Channel:

We Will Code

Subscribers:

8,020

Published on November 8, 2017 6:14:44 PM ● Video Link: https://www.youtube.com/watch?v=kc8g9qwoh9I

Duration: 4:44

280 views

7

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 */ }