title: How do you set a full page background color in Tailwind css?
body: <p>How do you set the full page background in Tailwind?</p>
  <p>The only attribute I can see to use is <code>h-screen</code>, but that doesn't work when I resize the browser.</p>
  <p><a href="https://i.stack.imgur.com/OZ7Yy.png" rel="noreferrer"><img src="https://i.stack.imgur.com/OZ7Yy.png" alt="enter image description here" /></a></p>
  <p>Here's my code:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;body class=&quot;h-screen bg-gradient-to-b from-gray-100 to-gray-300&quot;&gt;
  </code></pre>
  <hr />
  <p>Full html example:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  
  &lt;html lang=&quot;en&quot;&gt;
      &lt;head&gt;
          &lt;meta charset=&quot;utf-8&quot;&gt;
          &lt;title&gt;lkjh&lt;/title&gt;
          &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, shrink-to-fit=no&quot;&gt;
          &lt;link rel=&quot;stylesheet&quot; href=&quot;css/main.css&quot;&gt;
      &lt;/head&gt;
  
      &lt;body class=&quot;h-screen bg-gradient-to-b from-gray-100 to-gray-300&quot;&gt;
          &lt;br /&gt;a&lt;br /&gt;a&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;a&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;a&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;a&lt;br /&gt;&lt;br /&gt;a&lt;br /&gt;a&lt;br /&gt;a&lt;br /&gt;a&lt;br /&gt;a&lt;br /&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>css file</p>
  <pre class="lang-css prettyprint-override"><code>@tailwind base;
  @tailwind components;
  @tailwind utilities;
  </code></pre>
  <p><code>&quot;tailwindcss&quot;: &quot;npm:@tailwindcss/postcss7-compat@^2.0.2&quot;</code></p>