Олег

Margin и padding в em всегда рассчитываются от размера шрифта своего элемента по формуле:

margin(em) = margin(px) / font-size(px)

где font-size(px) — вычисленное значение размера шрифта. Хотя сам размер шрифта может быть задан в любых единицах измерения или может быть унаследован от любого своего родителя.

Когда у цепочки родителей задан размер шрифта в em, очень легко запутаться со всеми этими пересчетами. Ориентируйтесь на вычисленное значение, которое можно посмотреть в инструментах разработчика в браузере (см. правую колонку).

Ответ прост: читайте требования ПС к сайтам и выполняйте их по-максимуму.

Основные:
1. Валидная разметка HTML4(5)
2. Страницы без переадресаций (возврат контента с кодом 200 при запросе).
3. META и обычные тэги: title, description, keywords, H1, H2, H3, p
4. sitemap.xml + robots.txt
5. Все визуальные элементы, ведущие на другую страницу, должны иметь линк href даже тогда, когда они обрабатываются через JS.

Неосновные:
1. Микроразметка (желательно сразу все 3 схемы, см. требования ПС)
2. META-тэги соц.сетей, авторства, рейтинга материала и прочего.
3. RSS/ATOM
4. BackPing (оповещение ПС о новых материалах на сайте)
5. Корректные настройки языка страниц и канонических урлов (при необходимости).

gulp.task('styles', function () {
  return gulp.src(paths.source.styles + 'layout.sss')
    .pipe(plumber({errorHandler: errorHandler}))
    .pipe(postcss(processors, { parser: sugarss }))
    .pipe(rename('style.css'))
    .pipe(gulp.dest(paths.build.styles))
    .pipe(cssnano({discardComments: {removeAll: true}, convertValues: {length: false}}))
    .pipe(rename('style.min.css'))
    .pipe(gulp.dest(paths.build.styles))
    .pipe(reload({stream: true}));
});

https://developer.mozilla.org/en-US/docs/Web/JavaScript

как минимум вам нужно нормально знать javascript. Без этого углубляться смысла нет. (помимо основ синтаксиса, объектов и прототипного наследования, модулей, нужно еще разобраться с такими понятиями как event loop)

затем минимально нужно почитать про DOM, как оно там работает, как отрисовывается страница, что такое reflow/repaint и т.д. Всплытие событий и т... Ajax - нынче с ним все просто: https://developer.mozilla.org/en-US/docs/Web/API/F...

В целом MDN + learn.javascript.ru

var arr1 = [{name:'test', lastname: 'test', gender:'f'},{name:'test1', lastname: 'test1', gender:'f'},{name:'test2', lastname: 'test2', gender:'m'}],
    arr2 = [{name:'test21', lastname: 'test21', gender:'f'},{name:'test1', lastname: 'test1', gender:'f'},{name:'test2', lastname: 'test2', gender:'m'},{name:'test22', lastname: 'test22', gender:'m'}];

function arrayUnique(array) {
    var a = array.concat();
    for(var i=0; i<a.length; ++i) {
        for(var j=i+1; j<a.length; ++j) {
            if(a[i].name === a[j].name)
                a.splice(j--, 1);
        }
    }

    return a;
}

var arr3 = arrayUnique(arr1.concat(arr2));

Нижняя граница всегда равна (2 * size) - 1, верхняя граница, соответственно, (2 * size) + 2

var size = 0;
if (OG >= 103 && OG <= 182) {
    for (var i = 52; i <= 90; i += 2) {
        if (OG >= 2 * i - 1 && OG <= 2 * i + 2) {
             size = i;
             break;
        }
    }
}

Все верно, функция работает рекурсивно до тех пор, пока не выполнится условие n is 0 или n is 1, но можно более коротким способом без рекурсии записать это дело:

function isEven(n) {
    if (n % 2 == 0)
        return true;

    return false;
}

Как обычно - через event.target
ng-click="testClick($event)"
И в обработчике используем

function testClick(e) {
  console.log(e.target);
}

Если вам не нужен весь Модернайзер, соберите только те проверки, которые нужны. Или просто посмотрите как сделано там и используйте принцип, обычно проверки там на три строки.
P.S. А вообще, ещё и полифил есть.

Видно что мешает тег <b>

Лично мне видно, что у вас параграф в параграф вложен, что невалидно. И именно на это указывает валидатор. Как только вы открываете <p class="oldPhoneImg">, родительский параграф автоматически закрывается и его закрывающий тег остаётся бесхозным.

Нет, потребуется минимум JS чтобы добавить дополнительный CSS-класс с другим таймингом.

Upd: был не прав, в некоторых случаях можно: https://jsfiddle.net/IonDen/hphzyy6u/