I'm having trouble generating Breakpoints from a project to the Mobile (320px).
When I put the Breakpoints it reads up on Desktops, more stay right on the Mobile as well.
@media (min-width: 320px) {
/* MEUS ESTILOS ESTÃO AQUI DENTRO */
}
I'm having trouble generating Breakpoints from a project to the Mobile (320px).
When I put the Breakpoints it reads up on Desktops, more stay right on the Mobile as well.
@media (min-width: 320px) {
/* MEUS ESTILOS ESTÃO AQUI DENTRO */
}
It was already solved, it was giving the error of loading in Desktop because of the min-width.
What I did to solve:
In my base.scss file I created a $ mobile variable and inserted it:
$mobile: 320px 12 568px;
Where the first value (320px) is my min-width, 12 is the number of SUSY columns, and the last value (568px) generates my max-width.