css-relativeunit-rem.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./CSS/relativeunit-rem.css">
    <title>Relative Unit- Rem</title>
</head>
<body>
    <!-- rem direct root sai compare krta hai -->
    <!-- em root sai compare nahi krta woh apnai parent tag sai compare krta hai -->
    <!-- In rem first we gonna give a specific font size to the html or root -->
    <!-- then 2 rem 3 rem etc will control it's multiple -->
    <h1>Lorem, ipsum dolor.</h1>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Temporibus, amet porro? Cupiditate ipsam unde hic reprehenderit natus dolor deleniti odio dicta voluptatum, culpa corporis, quaerat praesentium neque numquam architecto quidem non illum earum minus enim quia. Odit reprehenderit exercitationem porro!</p>
</body>
</html>