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

Code Example 1

/* CSS3 introduces a few new units, including the rem unit, which stands for "root em". If this hasn't put you to sleep yet, then let's look at how rem works. The em unit is relative to the font-size of the parent, which causes the compounding issue. The rem unit is relative to the root—or the html —element */

Code Example 2

/*realative to the font-size*/

Learn ReactJs, React Native from