FAN PAGINA DO FACEBOOK

Ola galera alguém sabe me disser como que eu faço para fazer a pagina do facebook ela pegar a tela toda do site

pois o total dela esta sendo só até data-width="900" data-height="1200"

que eu quero que o data-width="900" ele fica mais logo ou seja fazer com q ele fica com data-width="100%" que assim ele pega toda o espaço do bloco

<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = 'https://connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.11&appId=879444305554262&autoLogAppEvents=1';
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

 <section class="lis-bg-light pt-5">
 <div class="container">
 <div class="row">
 <div class="col-12 col-lg-8 mb-5 mb-lg-0">
 <div class="tab-content" id="myTabContent">
 <div class="tab-pane fade show active" id="profile" role="tabpanel" aria-labelledby="profile">
 <h6 class="lis-font-weight-500"><i class="fa fa-align-right pr-2 lis-f-14"></i> Fan Page</h6>
 <div class="card lis-brd-light wow fadeInUp mb-4">
 <div class="card-body p-4">
 <p class="mb-0">
 <div class="card-body p-4">

<div class="fb-page" data-href="https://www.facebook.com/empresa/" data-tabs="timeline" data-width="900" data-height="1200" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/empresa/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/empresa/">EMPRESA</a></blockquote></div>

 </div>
 </div>
 </div>
 </div>
 </section>