Ссылки в Slick Slaider не работают?

Смотрите, а у меня работают https://jsfiddle.net/39j7gusc/
Намек понятен или нужно пояснить?

Как можно создать такую таблицу с помощью grid?

Уточните, пожалуйста, вопрос, что именно у вас не получается?
За объединение ячеек отвечает ключевое слово span.
Например, grid-row: span 3 объединит 3 строки.
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

Пройдите простенькую игру для изучения гридов https://cssgridgarden.com/#ru

Not allowed to load local resource:. Что делать?

Евгений Усачев, потому что вот это D:\OpenServer\domains\MyVK\avatars\ ужасно.
Ваш сервер не в курсе про D.

Вы должны писать путь или относительно страницы или корня сайта.

Вероятно, как-то так: "avatars/<?php echo $profile['avatar']?>" или "/avatars/<?php echo $profile['avatar']?>"
И обратите внимание на направление слешей.

Не работает псевдокласс hover на иконночном шрифте. Как это исправить?

Дмитрий, Тогда хотя бы проверяйте, что советуете. Тем более новичкам.

Почему на MDN transition это экспериментальная технология?

Читайте на английском, будет не экспериментальная ;)

Не работает псевдокласс hover на иконночном шрифте. Как это исправить?

.icon-facebook:before:hover

Вас не смущает, что псевдоэлементов нет состояний?

Не работает event.target.id !== 'id'. В чем ошибка?

или else

Как выровнять элементы во флекс контейнере относительно родительского флекс контейнера по центру?

Сергей delphinpro, да, я понимаю.
Причем, даже если составить список основных вопросов про флекс/грид, всё равно мало поможет.

Как выровнять элементы во флекс контейнере относительно родительского флекс контейнера по центру?

Вадим, напишите, всё ведь зависит от предложений и их выгодности.
Если есть разумные идеи, то имеет смысл о них писать, иначе никто и не узнает. Я так считаю.

Как закрепить содержимое списка/селекта за нижней границей border?

Обычное абсолютное позиционирование.
Что именно у вас не получилось? Код с проблемой выложите на jsfiddle.net
И поставьте себе какую-нибудь скриншотилку, фото монитора это перебор.

Как выровнять элементы во флекс контейнере относительно родительского флекс контейнера по центру?

Тут аналогичный вопрос
https://qna.habr.com/q/1088262

Почему в фигме написаны одни размеры, а в браузере при наложении макета по pixel perfect всё по-другому?

Andre1997,

следствие ведут колобки :)

У колобков тогда и спрашивайте.

Что нужно для того, чтобы получить вменяемый ответ, я написала выше.

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

Антон Шаманов, там цветные иконки и делать шрифтовый спрайт в современном мире нонсенс.

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

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

Почему в фигме написаны одни размеры, а в браузере при наложении макета по pixel perfect всё по-другому?

Интересно, как предполагается ответить на ваш вопрос,
- не видя макета
- не видя верстки
- не имея доказательства, что вы наложили PP с 100% масштабом?

Как вставить данные свг не через инлайн, а бэграунд?

https://qna.habr.com/q/1115676

Как вставить данные свг не через инлайн, а бэграунд?

Слушайте, а зачем вы спамите вопросами, аккаунтами и т.д.?

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

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

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

Stepan007,

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

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

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

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

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

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

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