In responsive breakpoints, mostly are based on minimum view-port widths, i.e., "min-width". It is said in the MDB documentation that we should use occasionally "max-width". Please help me explain why. If we use min-width, then we have to use the responsive break-points for every responsive screens. Suppose, we have used "min-width:34em" and included some classes within it, then it will effect all the higher responsive screens. We have to define the classes again for all the responsive screens like "min-width:48em", "min-width:62em", "min-width:75em". But if we use "max-width:34em", we can only use once for that particular responsive screen. No need to use media queries again for bigger screens as it will apply the classes for only 34em max. So my question is why we use "max-width" occasionally. We should use only "max-width" to reduce the use of media queries many times.

---