The _breakpoints.scss file contains a SASS map with the breakpoints values.

The framework is mobile first, so the breakpoint mixin targets only the min-width of the viewport.

Here's an example of how to use the mixin to add a media query:

@include breakpoint(md) {
    /* your code here */

We use cookies to give you the best possible website experience. By using CodyHouse, you agree to our Privacy Policy.