Check out example codes for "mobile tablet desktop media queries". It will help you in understanding the concepts better.

Code Example 1


@media( media feature ) {
    // CSS Property

The screen resolutions of different devices are listed below:

Mobile (Smartphone) max-width: 480px
Low Resolution Tablets and ipads max-width: 767px
Tablets Ipads portrait mode max-width:1024px
Desktops max-width:1280px
Huge size (Larger screen) max-width: 1281px and greater

Learn ReactJs, React Native from