JSFiddle - React, Tailwind, and code Playground

by some

HTML

<a href="link" id="left-link" style="position: fixed; width:0px; height: 100%; ">A</a>`
<a href="link" id="right-link" style="position: fixed; width: 0px; right: 0px; height: 100%; ">B</a>
<div id="page-wrap">asdf</div>

CSS

#page-wrap { background:red; }
#left-link { background:#0f0; }
#right-link { background:#0f0; }

JavaScript

(function( $ ) {
function change(){
  var width = $('#page-wrap').css('margin-left');
  console.log(width);
    width='20px';
  $('#left-link').css({width: width});
  $('#right-link').css({width: width});
}
    
$(window).resize(change);

change();

})(jQuery);