Service Portal : How to impose CSS only on screens of certian widthDescriptionThis article explains how to impose CSS only on screens of certain width. This helps in giving a better experience on mobile devices/tablets where the amount of screen real estate is a major factor to be considered.Release or EnvironmentAll VersionsResolutionTo achieve this we can use CSS media queries.For example, if there is a requirement to impose "margin" to a certain element on a page only when viewed on a screen of certain width, the following CSS can be used. @media only screen and (max-width: 992px) and (min-width: 768px) { .container-fluid.banner-container{ margin-top : 30pxl } }