title: Text not resizing with @media rule
body: <p>Hlo im new to stackoverflow .
  In my website , when i was trying to make it responsive with @media rule , its size is not changing. But other properties like color is working for me with media rule .
  Can anyone help me with this ?</p>
  <p>CSS CODE</p>
  <pre><code>@media (orientation: portrait) { 
    h2{
      font-size : 10px;
    }
   }
  </code></pre>
  <p>HTML CODE</p>
  <pre><code>  &lt;h2 style=&quot;padding-top: 300px;font-size:70px;&quot; class=&quot;text-center&quot;&gt;&lt;u&gt;MERRY CHRISTMAS&lt;/u&gt;&lt;/h2&gt; 
  </code></pre>