Почему не работает transition?

Просто 0.1s это очень мало..
Всё у вас работает (ну дергается немножко, но думаю, с этим вы разберетесь)
https://codepen.io/anon/pen/EeBpWR

Как возможно реализовать такое с помощью CSS Grid?

Хоть бы начальную разметку с картинками в песочницу повесили

Как сделать такую простую таблицу?

Таблица должна быть адаптивной, значит без табличных тегов.

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

Как анимировать path?

crdrads, такие ощущения бывают при изучении новых сложных вещей. Продеретесь через заросли - станете профи )))

Как анимировать path?

crdrads, ай и правильно, зачем понимать что делаешь.

Иногда проще и быстрее в коде что-то поправить, чем даже просто открывать иллюстратор, даже не смотря на мощность компа.

Уж по иллюстратору учебников, статей, видео уроков и всяких курсов не пересчитать.

Как анимировать path?

crdrads, можно в графическом редакторе.
Но я просто стерла примерно половину и потом еще немножко.
Изучите как рисовать с помощь path, статей полно, например
css.yoksel.ru/svg-path
или Как рисовать с помощью SVG path?

Как анимировать path?

crdrads, https://codepen.io/anon/pen/LMPaEZ

Как анимировать path?

crdrads,

я понимаю что он двойной. Я не понимаю как сделать одинарный?

стереть координаты второй линии

Почему не применяются стили к кирилице?

Замените на вариант шрифта, который поддерживает кириллицу.

Где можно найти такой слайдер?

Сергей Горячев, это же победа! ))))

Как сделать ссылку внизу блока?

shmatuan, многовато оберточек

Как сделать уголки?

Сергей delphinpro, ага!

Как сделать уголки?

Владислав Лысков, держите

Как сделать уголки?

Владислав Лысков, прекрасненько подходит, в градиентах работает calc.

Почему не совпадают точки остановы grid-breakpoints bootstrap 4?

Николай, потому что lg это интервал от 992 до 1199. Если вы используете слово down, то получается верхняя граница интервала.
Именно это показано по моей ссылке

Почему не учитывается ширина контейнера если у дочернего элемента не задана ширина?

winbackgo, а теперь вставьте туда блоки с цифрами и flex-wrap из примеров в комментариях

Почему не совпадают точки остановы grid-breakpoints bootstrap 4?

Николай, тогда уточните, что именно не понятно?

Почему не совпадают точки остановы grid-breakpoints bootstrap 4?

Тут вроде хорошо написано getbootstrap.ru/docs/v4-alpha/layout/overview/#res...
Суть в использовании up и down, но чтобы попасть в нужный диапазон.

Как сделать блоки одной высоты на flexbox?

Достаточно родителю задать display: flex.
Дочерние по умолчанию растянутся на всю высоту.

Как заполнить пустое место в колонку сайдбара?

Urbina @Urbina, короче, решите разбираться, позовёте