Widget Facebok (timeline) responsive

Bonjour à tous voilà un moment que je bloque pour mettre la largeur du widget facebook en responsive. J'ai cherché dans tous les coins d'internet et tenter multiple manipe.
Je voudrais que le widget facebook (timeline) s'adapte à ma div et cela peut importe le format d'écran.

Voici mon code HTML:

<article class="w3-row-padding">
<div class="w3-threequarter">
<p> Espace reservé 2 </p>
</div>
<aside class="w3-quarter">
<!-- Widget Facebook (Afficher les visages des ami(e)s) -->
<div id="fb-root"></div>
<div class="fb-page"
data-href="https://www.facebook.com/chakalis49"
data-tabs="timeline"
data-height="700"
data-small-header="false"
data-adapt-container-width="true"
data-hide-cover="false"
data-show-facepile="true">
<blockquote cite="https://www.facebook.com/chakalis49"
class="fb-xfbml-parse-ignore">
<a href="https://www.facebook.com/chakalis49" rel="nofollow noopener noreferrer" target="_blank">
Chakalis49</a>
</blockquote>
</div>
</aside>
</article>


Et voici mon fichier .js:

(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 = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.10&appId=136803260261167";
fjs.parentNode.insertBefore(js, fjs);
}
(document, 'script', 'facebook-jssdk')
);


En attente de votre aide car la je commence à saturé car zéro soucis avec le Widget twitter mais celui de facebook me sort par les yeux.