mishapsv

ul.address-and-contacts__list {
    padding: 0px;
    position: relative;
    left: 60px;
}

.header__main-row {
align-items: stretch;
}

<script language="javascript" type="text/javascript">
  function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
  }
</script>

и у фрейма

<iframe src="..." frameborder="0" scrolling="no" onload="resizeIframe(this)" />

Для элемента с id="type-styler" поставьте z-index: 2;
grab.by/OeaG

Можно добавить родителю align-items или самой ссылке align-self, в вашем случае это: flex-start;

Тут ты создаёшь функцию-конструктор:

function Input(element) {
  this.el = document.querySelector(element);
  this.init();
}

А тут затираешь конструктор (в объекте-прототипе теперь нет поля constructor):

Input.prototype = {
  init: function() { ... }
}

Надо его сохранять:

Input.prototype = {
  constructor: Input,
  init: function() { ... }
}

Можно попробовать что-то в этом роде

function getMessage(a, b) {
  if(typeof a === "boolean") {
    return a ? "Переданное GIF-изображение анимировано и содержит " + b + " кадров" : 
      "Переданное GIF-изображение не анимировано";
  }
  if(typeof a === "number") {
    return "Переданное SVG-изображение содержит " + a + " объектов и " + a*4 + " аттрибутов";
  }
  switch('' + +Array.isArray(a) + +Array.isArray(b)) {
    case '10':
      return "Количество красных точек во всех строчках изображения: " + 
        a.reduce(function(sum, x) { return sum + x; }, 0);
    case '11':
        return 'Общая площадь артефактов сжатия: ' + 
          (a.length <= b.length ? a.reduce(function(sum, x, i) { return sum + x*b[i]; }, 0) :
          b.reduce(function(sum, x, i) { return sum + x*a[i]; }, 0)) + ' пикселей';
  }
}

Атрибут for на элементе label в JSX должен быть записан как htmlFor. Вот здесь есть список всех тегов и атрибутов в JSX: https://facebook.github.io/react/docs/tags-and-att...

$(window).scroll(function () {
	var s = $(window).scrollTop();
	if (s > 10) {
    $('.header__navbar').stop( true, true ).animate({
      height: "180px"
    },{duration: 100, queue: false});

	} else if (s <= 10) {
    $('.header__navbar').stop( true, true ).animate({
      height: '130px'
    },{duration: 10, queue: false});
	}
});

Или так

function spl(arr, size) {
  var result = [];
  var len = arr.length;
  for (var i=0; i<len; i+=size) {
     result.push(arr.slice(i,i+size));
  }
	return result;
}

в общих чертах примерно так:

https://gist.github.com/edtoken/d0909e9f57070376b58a

У Layout есть state, в state хранится то, что нужно всем дочерним компонентам от Layout.
(собственно как и с любым другим компонентом).

Так же Layout имеет методы для работы со стоим state и предоставляет их дочерним компонентам от себя.
Любой другой дочерний компонент имеет свои обработчики, модифицирует/получает/вычисляет данные и использует метод который был передан из Layout

Ну это можно сделать как то так: jsfiddle.net/dfLaqa3u

var $content = $('.content');
var $moreBtn = $('.more');

var bigText = 'Привет, какие дела? Что вообще тут вокруг происходит? Где все?';
var step = 1;
var num = 10; // длина отрезка

function getMore () {
    var textArr = bigText.split('');
    var length = num * step;
    var piece = textArr.splice(0, length);
    
    step++;
    
    if (length >= bigText.length) {
        $content.html(piece.join(''));
        $moreBtn.remove();
    } else {
    	$content.html(piece.join('') + '…'); 
    }
}

$moreBtn.on('click', getMore);

getMore(); // First piece of text