Как получить спрайт со стилями?

olenafront097, дело в том, что для использования в bg спрайт должен быть по-другому сделан.
Либо из комбинации symbol + view + use либо из svg, вместо symbol.

Как задать flex блоку длины не на всю ширину, а только на ширину самого длинного дочернего элемента?

Stepan007,

При display: inline-flex, если выше стоял ещё элемент, они два элемента в одну строку идут, а не по очереди сверху вниз

Да, именно так ведут себя инлайн-блочные элементы.

но почему-то в консоли показывает длину элемента все 100%, а по стилям только на ширину контента действует

Ну напишите в багтрекер хрома или поищите существующие записи.

Как задать flex блоку длины не на всю ширину, а только на ширину самого длинного дочернего элемента?

Интересно, почему это не помогло с первого раза? Но попробую повторить:
width: fit-content

Альтернатива: inline-flex вместо просто flex.

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

godsplane, если вы уверены, что его обновили и убрали зависимость, то это было бы прекрасной новостью. Давно не пользовалась им.

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

Если у вас в проекте уже используется jquery, то использовать fancybox. Если нет, то найти подходящий аналог на js.
Написать самостоятельно не буду предлагать.

Как убрать padding отступы на странице Wordpress?

Открываете инструменты разработчика, находите нужный блок, инспектируете его

скрин

Как в flex у дочерних элементов сделать их ширину по ширине текста?

fit-content

Как делается полноэкранный сайт слайдами?

fullPage.js, swiper.js и т.д.

Как спрятать border?

Андрей, не вижу ничего некрасивого в варианте с outline.

Как спрятать border?

Андрей,
я предложу очень неожиданное решение: border убирается с помощью border: 0 и возвращается при наведении.

Либо заменяется на outline с outline-offset.

Как сделать разметку этого блока?

Если гридами, то как на картинке. Если флексами, то заголовок + текст + ссылку можно обернуть в div.

У псевдоэлемента кнопки нет cursor pointer при наведении, как исправить?

MashutaKlencheva, довольно странное поведение для пользователя - не иметь возможности нажать на саму стрелочку.
И в связи с этим вопрос: зачем стрелка вынесена из кнопки и зачем ей pointer-events?

Как получить спрайт со стилями?

olenafront097,
1. Зачем для svg класс hidden, если он в отдельном файле?
2. Чтобы фон показывался, хотя бы у чего-то должен быть размер, у символа или bg size.

Как показывать ul по ширине колонки, при это не увеличивая длину таблицы?

У вас так и было бы, если бы не стоял overflow для #wrap

Нормально ли комментировать верстку?

<!-- btn  -->
          <div class="header__burger-btn"><span></span></div>

Кнопки делать div'ами и подписывать в комментарии, что это кнопка - точно не нормально.

<!-- nav  -->
          <nav>

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

Иногда да, для наглядности можно отделять блоки строкой комментария, чтобы было видно начало конец больших блоков.
Но и это по большому счету лишнее, потому что есть горячие кнопки для выделения блока целиком.

Используйте семантические теги и разумно называйте классы, так чтобы другому сразу было понятно, о чем речь. (БЭМ-подобные именования в этом смысле хороши)

Как получить спрайт со стилями?

olenafront097, у вас же svg, какое мыло? Те кто это хотят, в своём уме?

Как получить спрайт со стилями?

olenafront097, с css не будет.
Но поверьте, даже 200 и даже руками вы бы написали за то время, что висит этот вопрос.
А если проявить смекалку и пользоваться автозаменой в столбце из имен файлов, так и вовсе несколько минут.

Как получить спрайт со стилями?

olenafront097, думаю, что если заменить слово gulp, но online, то найдется.

Как получить спрайт со стилями?

olenafront097, для сборки векторных спрайтов? Полно. Google -> "gulp svg sprite" и т.д.

Как получить спрайт со стилями?

На bg position делали растровые спрайты.
Зачем так делать с svg? Если можно просто путь сменить?
sprite.svg#fi