же создавать отдельный файл для этого в css и потом импортить его в главный файл CSS? Правильно?
Не желательно, но вполне можно и сделать. Зависит от задачи. В разных файлах обычно неудобно разрабатывать, потому что часть свойств навешаных на мобильный вид будут мешать десктопному
лучше типо под каждым кусочком в главном CSS файле?
Обожди, импортить в нативном css вообще НЕжелательно.
Суперидкально когда все медиа в одном месте. В принципе можно подключить 3 разных файла стилей и при подключении использовать медиа но писать так стили ты устанешь. Лучше, когда медиа собраны в одном месте. Но в целом, обычно для жтого используют сборщики, а медиа пишут сразу под каждым блоком что бы глазами видеть все стили и не искать в пене что там еще на этот блок влияет... А уже сборщики эти медиазапосы соберет в один.
Ну да. Написал для мобилы .my-box{ color:red } Теперь ниже пиши для планшетного вида @media (min-width: 600px) { .my-box { color: lime;} } Затем здесь же для десктопа @media (min-width: 1000px) { .my-box { color: hotpink;} }
Сходил в отладчик глянул на hotpink 😂
:-))) это я из emotion нахватался. Там в примерах этот цвет))
Обсуждают сегодня