Is it possible to use multiple identical @media in a css file?

Question

css

I work with adaptive layout, everything adjusts for me like this:

/* ----------------------------------------------- */
@media (max-width: 639px) {


}


/* ----------------------------------------------- */
@media (min-width: 640px) and (max-width: 799px) {


}


/* ----------------------------------------------- */
@media (min-width: 800px) and (max-width: 999px) {
    
    
}


/* ----------------------------------------------- */
@media (min-width: 1000px) and (max-width: 1199px) {
    
    
}


/* ----------------------------------------------- */
@media (min-width: 1200px) {
    
    
}

However, there are many pages that need to be typed, I would not like to mix everything in 1 file and all pages in 1 media. Therefore, would it be correct to write these media for each page?

Answer 1

If I understood the question correctly, then yes, it will not cause any problems.
You can see it for example in getbootstrap.com/dist/css/bootstrap.css