css - setting breakpoints in sass with min and max width -

css - setting breakpoints in sass with min and max width -

hey guys trying work on responsive layout somehow not able prepare min width one.

$mobile: new-breakpoint(max-width 480px 4); $tablet: new-breakpoint(max-width 768px 8); $desktop: new-breakpoint(max-width 1336px 10); $desktopxl: new-breakpoint(max-width 1550px 10);

somehow want $desktopxl used between 1337px , 1550px i not able set min width. please help me. thanks. ps: **i tried

$desktopxl: new-breakpoint((max-width: 699px) , (min-width: 520px)10);

but didnt work.

you don't need min , mix. need min next max width. eg. if max width 700px tour next level min width should 701px;

try

$mobile: new-breakpoint(max-width 480px 4); $tablet: new-breakpoint(max-width 768px 8); $desktop: new-breakpoint(min-width 779px 10); $desktopxl: new-breakpoint(min-width 1337px 10);

css responsive-design sass media-queries neat