Как лучше создать адаптивный дизайн — max-width или min-width?

Question

[Владислав Раду]

Поправьте пожалуйста. Создаю адаптивный дизайн для своего сайта. Построил такой CSS:

@media all and (max-width: 320px){
}
@media all and (max-width: 480px){
}
@media all and (max-width: 768px){
}
@media all and (max-width: 992px){
}
@media all and (max-width: 1200px){
}
@media all and (max-width: 1600px){	
}

Как удобнее или правильнее верстать - минимальное разрешение экрана или максимальное, или то и другое?
В случае, если у кого-то найдется время, исправьте мои значения css.

Спасибо!

Answer 1

[Виталий Сорокин]

Лучше использовать подход «Mobile First», подробнее можете почитать эту статью, например.