Можно ли сделать hover эффект для svg картинки которая вставлена через background-image тегу button?

Через CSS можно менять цвет всей картинки с помощью фильтров, если она одноцветная и не нужен ИЕ
https://blog.union.io/code/2017/08/10/img-svg-fill/

Как стилизовать точки навигации так, чтобы в них был текст?

Например, вместо превью вставить блоки с текстом

Flexbox, как выровнять блоки по краю и по центру одновременно?

Роман Кузнецов, ну так в вашем варианте в первой строке не получается вида как у justify-content

но ваш вариант с calc пока самый лучший, сложноват, но работает. Разберу его сейчас.

Медиа условия я так, на глаз ставила, подберете как надо, чтобы красиво по макету было.

Flexbox, как выровнять блоки по краю и по центру одновременно?

Роман Кузнецов, можно кодом про отступы при таком раскладе?

Flexbox, как выровнять блоки по краю и по центру одновременно?

Шохрух Шаймардонов, угу, для flex-start да, доп.блоками или псевдо

Flexbox, как выровнять блоки по краю и по центру одновременно?

Роман Кузнецов, покажите?

Flexbox, как выровнять блоки по краю и по центру одновременно?

Шохрух Шаймардонов, покажите, пожалуйста, пример, где с помощью after последняя строка будет центрирована.
И заодно, как на js менять ширину after?

Адаптивные два блока, как при уменьшении экрана правый блок сделать первым?

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

Если много расширений что можно с ними сделать чтобы визуально было удобно?

Вот это круть! А я не знала :)

Как сделать самоперестраивающийся список?

Покажете реализацию?

Как растянуть flex-row в зависимости от контента?

Froggyweb, да и с дивами и css в таком виде тоже проблемы. Но об этом будет следующий вопрос ))

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

1. При наведении на что?

2. Способов выравнивания по вертикальному центру туча, погуглите.
Например, флексы или line-height равный высоте кнопки, раз уж она у вас фиксированной высоты.

@media css как правильно реализовать?

Покажите код с проблемой в песочнице jsfiddle.net или codepen.io либо ссылку на сайт.

Как растянуть flex-row в зависимости от контента?

Переформулируйте вопрос.

желтый фон растягивался когда длина белого блока больше окна

Длина блока это ширина или высота?
Куда вообще растягиваться желтому фону, если белый блок уже больше окна, т.е. для желтого и места-то не остается?

Картинки чтоль приложите.

Как сделать самоперестраивающийся список?

Если весь контент виден сразу, то css columns.
Если есть подгрузка, то masonry

Плохо ли использовать такую строчку?

Георгий Городенко, Я вас, кстати, понимаю. Когда первый раз делала адаптив, то тоже наделала плавных анимаций и потом сидела и двигала туда сюда окно. И довольно долго этим занималась.
Наверное, это как со шрифтом comic sans или звездочками/снегом по экрану (кого с чего распирает).
Просто надо тихонько в уголке это пережить, но не нести в продакшн.

Плохо ли использовать такую строчку?

Хотел сделать плавное движение элементов при растягивании ширины окна

Вы много людей знаете, кто балуется растягиванием окна, кроме разработчиков и, возможно, клиентов?

Как лучше такое сделать (сверстать)?

Андрей Малиновский, это "увы" тому, кто ожидал что-то не то, а не единицам vw и vh.

Где я накосячил с флексами?

Евгений, лучше псевдоэлементом, чем лишний блок

Где я накосячил с флексами?

Евгений, в смысле хотите на js?
Не вижу смысла.

На js тогда уж не элементы добавлять, а ширину считать.

Но лично я бы для этой задачи пользовалась media условиями и меняла бы ширину 33.3333%, потом 50%, потом 100%. При justify-content: flex-start (значение по умолчанию)

Хак с дополнительными блоками нужен для space-between и space-around. У вас space-around хоть и написан, только не понятно зачем он написан при flex-grow:1.