diff --git a/README.md b/README.md index b9089527..55440680 100644 --- a/README.md +++ b/README.md @@ -241,14 +241,14 @@ For convenience, you can create a list variable to hold your media context (brea ##### Example 5 .my-class { - @include breakpoint(min-width 481px max-width 761px) { + @include breakpoint(min-width 320px max-width 480px) { font-size: 1.2em; } } // Compiled CSS - @media screen and (min-width: 481px) and (max-width: 761px) { + @media screen and (min-width: 320px) and (max-width: 480px) { .my-class { font-size: 1.2em; } @@ -266,7 +266,7 @@ Here is a summary of possible argument combinations: @include breakpoint(max-width 480px, 4); @include breakpoint(min-width 320px max-width 480px, 4); @include breakpoint(max-width 480px 4); // Shorthand syntax - @include breakpoint(min-width 3200px max-width 480px 4); // Shorthand syntax + @include breakpoint(min-width 320px max-width 480px 4); // Shorthand syntax // NAY @include breakpoint(480px 4);