When you are making a responsive design webpage, you must list your column choices and sizes from the smallest to largest. Lets say you are making your webpage to be optimized on all four different sections: extra-small, small, medium and large. If you were to put large first, whatever is defaulted inside the code (if you are using frameworks) it would happen that way. For example, when using Bootstrap, if you use all Medium sizes, it will size down to extra small however not small, depending on your design. Having all four choices doesn’t hurt that much download speed, its highly recommended to optimize it for all four, but some have two set designs and use paddings and simple layouts to even out the design, making the UI simple, even if there is not very much items of info or media.