JSFiddle - React, Tailwind, and code Playground

by Alex Pisklov

HTML

<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum explicabo repellat cum, officiis non ea ipsa. Accusantium cumque a, quam iusto, dolore sequi numquam porro, omnis, voluptas et harum incidunt.</div>

CSS

.block{
  position: absolute;
  left: 0;
  width: 50%;
  background: #ccc;
  padding: 20px;
}

JavaScript

doWidth = $(window).width();

$(window).on('resize', function(){
posleWidth = $(window).width();
left = doWidth - posleWidth;
$('.block').css('left',left+'px');
})