Obecne rozwiązanie jest na scss
AFAIK, scss i tak finalnie generuje kod css do przeglądarki, więc za pomocą DevTools w przeglądarce możesz sobie podejrzeć kod css.
Miałem nieodświeżoną zakładkę i nie zauważyłem Twojego komentarza.
.wrapper{display: flex; & > *{padding: 1em;}}
.ankieta{display: block;
@media (max-width: 480px){display:none;}
&_mobile{display:none;
@media (max-width:480px){display:block;}}
wygląda na to, że jest błąd w kodzie scss i zwracany jest kod css nie do końca prawidłowy (dokładnie pojawia się "nieprzetworzony" kod scss).
scss
.wrapper {
display: flex;
& > * {
padding: 1em;
}
}
css
.wrapper {
display: flex;
}
.wrapper > * {
padding: 1em;
}
scss
.ankieta{display: block;
@media (max-width: 480px){display:none;}
&_mobile{display:none;
@media (max-width:480px){display:block;}
}
}
css
.ankieta {
display: block;
}
@media (max-width: 480px) {
.ankieta {
display: none;
}
}
.ankieta_mobile {
display: none;
}
@media (max-width: 480px) {
.ankieta_mobile {
display: block;
}
}