Check out example codes for "common css media queries". It will help you in understanding the concepts better.

Code Example 1

/* Mobile first, baby! */
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}

Learn ReactJs, React Native from akashmittal.com