With the Arrival of CSS3, it comes with awesome features, one of the feature is Media Queries
Media Queries feed different CSS based on user’s device size (i.e Break Points)
Media Queries Used to build responsive web page designs
/* Small devices */
@media only screen and (min-width: 480px) {}
/* Medium devices */
@media only screen and (min-width: 768px) {}
/* Large devices */
@media only screen and (min-width: 1140px) {}
These are the Most Commonly used CSS Media Queries Break Points, we should always keep them as short as possible like shown in the above example, this is a Best Practice.
