Дмитрий Гормаш

https://jsfiddle.net/Ankhena/Lqsftvxd/

div {
  position: relative;
  width: 80%;
  height: 200px;
  margin: auto;
  background: linear-gradient(to bottom, yellow, orange);
}

div::before,
div::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 50%;
  height: 50px;
}

div::before {
  background: linear-gradient(to right top, #00f 49.3%, transparent 50.8%);
}

div::after {
  right: 0;
  background: linear-gradient(to left top, #00f 49.3%, transparent 50.8%);
}

https://jsfiddle.net/tskh7q9w/

Сначала:
background-color:#f2cb07;
Потом строка
background:url(images.png)

Пропишите flex-wrap: wrap;

@media screen and (min-width: 700px) {
    .columns,
    .column {
      display: flex;
      flex-wrap: wrap;
    }
  }

React лучше использовать, когда его знаешь.

Можно подсветить не изменяя классы, а через псевдокласс :target
Для Вашего примера необходимо добавить следующее

h1:target{
/*тут стиль для подсвечивания*/
}

Встречаю много

Да, в интернетах много чего встречается.
Если бы эти "статьи" не были полное давно, вы бы не задали здесь этот вопрос.
Знаете, почему?
Потому что в нормальных источниках было бы написано
1. Не юзайте то, потому что ....
2. Юзайте вместо того это.
В хороших статьях ещё и будут описаны плюсы и минусы как того, так и этого.

Как раз gulp и нужно устанавливать с параметром -g, что делает его установку глобальной для всех проектов ноды и не нужно будет специально добавлять его в окружения.

То есть команда будет выглядеть так:

npm install -g gulp

Есть несколько способов. Можно использовать хитрые свойства css, но они для разных браузеров свои (взято отсюда):

/* хром, сафари */
.element::-webkit-scrollbar { width: 0; }

/* ie 10+ */
.element { -ms-overflow-style: none; }

/* фф (свойство больше не работает, других способов тоже нет)*/
.element { overflow: -moz-scrollbars-none; }

Там же в комментариях я нашел такой вариант, правда код там изначально написан на SASS.

Вот еще вариант, но это когда известны размеры (ширина). Хотя в целом ничто не мешает вам узнавать ее или под разные media делать разные заранее известные размеры вашего блока с прокруткой.

Сьезжает потому что у тебя неправильно сверстаны <tr> секции, каждая из них разная.