Давно верстаю методом mobile first. Но недавно все больше склоняюсь к desktop first.
Почему?
Какой из вариантов эффективен для меньшего веса css так как цель мобайл first это минимум строк кода css. Ваше мнение господа?
Вариант 1:
.navigation {
display: none;
@include media-breakpoint-up(lg) {
display: flex;
align-items: center;
border-top: 1px solid #ccc;
background-color: #353535;
}
}
Вариант 2:
.navigation {
display: flex;
align-items: center;
border-top: 1px solid #ccc;
background-color: #353535;
@include media-breakpoint-down(md) {
display: none;
}
}