title: Facebook Page Feed - Full Height
body: <p>Just like the title says. I want to insert a FB page feed that stretches to the end of the window. Is this possible? 800px is the highest it wants to go I think, when I set it on iframe. And I've searched everywhere for an answer, but no luck.</p>
  
  <p>I've used <a href="https://developers.facebook.com/docs/plugins/page-plugin" rel="nofollow noreferrer">Facebook page plugin</a>, of course. And here's the outline of my code, using Bootstrap 4.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.card {
    position: fixed;
    width: 340px;
    height: 100vh;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div class="card p-0"&gt;
    &lt;iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FMercedesAMG&amp;tabs=timeline&amp;width=340&amp;height=500&amp;small_header=false&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=true&amp;appId" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"&gt;&lt;/iframe&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thanks!</p>