Блоки с разной длиной контента, как прижать кнопку к низу блока?

Антон Вебсайтовский, в этом варианте достаточно добавить нижний внутренний отступ у текста равный высоте кнопки.

Блоки с разной длиной контента, как прижать кнопку к низу блока?

Пересилил себя. Очень не хотелось ковыряться в этих дебильных именах классов. Не пишите так.
Но все же вот — https://jsfiddle.net/bfm4gohj/

Каковы современные тенденции веб программирования?

Разделяя клиент и сервер, вам еще нужно будет позаботится о SSR, ради поисковиков.
Для этого на серваке потребуется нода или v8js. Оба случая практически исключают возможность использования shared хостингов.
Ну конечно это дополнительные килобайты текста для изучения =))
Если нужно сделать

- чтобы оно было универсально, то есть корректно отображалось на смартфонах, планшетах, десктопах
- чтобы оно корректно работало на старых/дешевых смартфонах

просто возьмите ларку и сделайте.

И вот этот тезис в корне неправильный:

нужно изучать Bootstrap для адаптивной верстки

Для адаптивной верстки нужно css знать на пятёрочку.

Кто может проверить верстку / сборку лендинга на flexbox / сделать код ревью?

Я общие замечания сделаю, без оглядки на конкретный макет (я его даже смотреть не буду).

https://github.com/DmitryBecker/golden_flexbox_gul...
За это по рукам обычно бьют. Правильный путь — normalize.css.

https://github.com/DmitryBecker/golden_flexbox_gul...
Не должен body в верстке участвовать. Сделайте отдельный контейнер.

https://github.com/DmitryBecker/golden_flexbox_gul... У всех кнопок марджин. А если нет? Не должно быть у кнопок (и вообще у блоков, раз уж вы на БЭМ замахнулись) внешних отступов. Здесь тоже, и еще много где:
https://github.com/DmitryBecker/golden_flexbox_gul...

https://github.com/DmitryBecker/golden_flexbox_gul... три одинаковых элемента примиксованы к одинаковым блокам. Отличие лишь в картинке, которое и следовало вынести в отдельные стили, одно правило background-image.

https://github.com/DmitryBecker/golden_flexbox_gul... BR в верстке обычно не используют, за редким исключением. Это не тот случай.

https://github.com/DmitryBecker/golden_flexbox_gul... пустые ссылки, нет ни текста, ни aria-label (в подвале тоже)

https://github.com/DmitryBecker/golden_flexbox_gul... кнопка в форме не кнопка

https://github.com/DmitryBecker/golden_flexbox_gul... здесь бардак с именами классов

Итого:
В целом нормально, прослеживается определенная структура и упорядоченность в верстке. Но все это не доведено до полного осмысления, вроде бы заметен бэм подход, а на деле он то есть, то нет. Можно придраться к оформлению scss кода в части использования возможностей препроцессора (&), но тут наверное дело вкуса. По крайней мере стили разбиты по файлам и не перемешаны, что уже хорошо.

Как правильно задавать стили для плагина?

Ragtime Kitty,

Как правильно задавать стили для плагина?

В плагине лучше не использовать семантические теги (p, article, strong, h1 и т.д), которые могут, и скорее всего будут стилизованы. Используйте только div и span, даже для кнопок.
Имена классов максимально уникальные. Этого можно добиться пространством имён (.my-super-plugin-classname). В случае использования Vue уникальность достигается scoped стилями.

Как правильно задавать стили для плагина?

У меня есть плагин для дебага.
Панелька, кнопочки, информация.
Сделан на Vue, встроенные стили, собрано вебпаком.

Удобнее и проще подключить один файл. Тем более, если речь идет о дебаге. Т.е. это не прод, а дев окружение, и совершенно всем пофиг, что там внутри файла и как оно устроено.

Задавать Grid-контейнером элемент "body"? Или лучше создать отдельный?

НИКОГДА не используйте body в раскладке страницы. Максимум - фон.

Клонировать новый репозиторий с локалки на GitHub?

загрузка папки node_modules это даже маленький адик.

Как выложить верстку на Git hub если node_modules >= 100mb?

Лучше использовать готовые слайдеры или самому писать?

Конечно самому писать!
Готовые слайдеры используют только зеленые новички, но не профессионалы!
А чтобы сайт не тяжелел, лучше вообще ничего не использовать.

Откуда лишний HTML-элемент?

По умолчанию body имеет внешние отступы margin: 1rem;
Так что внутренний это body, а внешний получается html

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

Или пилите пет-проекты на работе =))

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

Дома пилю иногда свои проекты и изучаю компьютерные сети.

Пилите поменьше, пока не почувствуете, что баланс наступил. Основную работу-то вы всё равно ужать во времени не сможете.

Как научиться быстро давать имена классам?

Попробуйте по принципу "что вижу — то пою". Не знаете как по английски — вбейте в переводчик, заодно английский словарный запас пополните =))

Как работают everycookie?

aopil, вы невнимательно читаете ответы.
Я назвал стойкими флеш-куки. Это лишь один их механизмов хранения. Чтобы их удалить нужно зайти на сайт производителя флеша (адоб или макромедиа, хз), на специальную страницу и там удалять. Точно не помню уже.
Почему everycookie не сработали я не знаю. Может у вас флеш отключен совсем, а все остальное вы очистили.

Как работают everycookie?

самые стойкие были флеш-куки, сейчас флеш обычно отключен в браузере.

Как работают everycookie?

по вашей же ссылке и перечислено какие механизмы используются для хранения.

Апгрейд компа для студента-программиста?

Привод SATA Blu-Ray

=)) атавизм. давно не видел их в компах...

Апгрейд компа для студента-программиста?

Да вроде неплохой конфиг.
Добавить SSD под систему и проекты.
Удвоить оперативную память

Какой посоветуете стартер-кит для верстки?

Вы сейчас мой стартер кит описали =)
К сожалению актуальной версии нет на гихабе, как нет и документации...