JSFiddle - React, Tailwind, and code Playground

by Nik Shevchenko

JavaScript

(function(){
  var $win = $(window);
  var $doc = $(document);
  var $body = $('body');
  var $wrapper = $('.wrapper');
  var $screens = $('.section');
  var $screensPar = $screens.parent();

  var resizeHeight = function(){
      for(var i = 0; i < $screensPar.length; i++){
          var $tmp = $screensPar.eq(i);
          console.log(123);
          $tmp.css('height', 'auto').css('height', $tmp.height());
      }
  };

  $win.resize(function(){
      var currH = $wrapper.height();
      var currW = $wrapper.width();
      var koef = (currW/currH > 1920/900) ? currH/900 : currW/1920;
      $body.css('font-size', koef*100);
      $screens.children('.section').height(currH);
  }).bind('load', function(){
      $win.trigger('resize');
  }).trigger('resize');
  $('img').bind('load', function(){
      $win.trigger('resize');
  });
})();