What is the best way to create a responsive design - max-width or min-width?

Question

HTML

Correct please. I create a responsive design for my website. Built this 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){	
}

How is it more convenient or correct to type - the minimum screen resolution or the maximum, or both?
In case anyone has time, please correct my css values.
Thank you!

Answer 1

It is better to use the “Mobile First” approach, you can read this article for more details, for example.