Как правильно скрыть блоки в GRID?

ES-Good, в стандартной 12-ти колоночной сетке 12 столбцов, а не 2, как у автора.
Не, грид, конечно, дорисует недостающие 10, но тогда проще вообще не указывать их количество, чем так.

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

sciencefront, да, так и есть

При min-content для li:

Если вы зададите фикс отступ и space-between, то элементы равномерно распределятся, отступы будут большими, но не меньше указанного.
Если вы зададите только space-between, то элементы равномерно распределятся, отступы будут большими.
Если зададите только фикс отступ, то элементы не займут весь контейнер, отступы будут фикс.

Ещё вы можете задать min-content не для li, а для ссылок. А для li, скажем, flex-grow: 1.
Тогда между li будет фикс отступ. А стрелка прижата к тексту.
При отсутствии декоров (фонов, рамок) визуально это ничего не изменит.
https://codepen.io/AnnaSummer/pen/WNzPZqp

Пока вы сами себе противоречите. То хотите space-between, то фикс отступы.
Первая песочница соответствует вашему срину из комментария

примерно так (это планшет)

Это:

ожидалось отступ по 10 или 20 (не важно) , чтобы задать можно любой
и если отступ будет по 20 то текст в пунктах больше влезет

ещё меньше понятно.
Если отступы между пунктами будут по 20, а не по 10, то для текста останется меньше места. А не то, что вы пишете.

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

sciencefront,

большие оступы между пунтами

space-between равномерно распределяет отступы между элементами.

но нужно чтобы итемы растягивались до конца контейнера

Сейчас в песочнице именно так и происходит

нужно чтобы черные квадратики прилеплены справа

В песочнице прилеплены. Вы видите что-то другое?

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

sciencefront,

есть оно ли нет- не особо в нем дело

я не понимаю, что вам не так: space-between в наличии, черные квадратики прилеплены справа.
https://codepen.io/AnnaSummer/pen/PoRVKxx
Что не так-то?

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

Потому что вы вторым свойством перебиваете первое.
Вам нужно писать значения через запятую.

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

sciencefront, или не убирайте space-between

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

sciencefront, нарисуйте как нужно

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

sciencefront, тут придется определиться. Либо туда либо туда. Т.е. либо займет все и тогда будут расстояния. Либо вам не нужны расстояния между и значит, не займет всю строку.

Ну либо по середине, между текстами.

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

sciencefront, для li width: min-content;
И убрать jc space-between

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

sciencefront, кажется, пора отдохнуть, если так происходит.

Квадратик 20px, отступ 29px => текст от квадратика в 9px.
Если вы поставите отступ 20px, текст прилипнет к квадратику.

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

sciencefront,

псевдо слишком далеко не из-за паддинга

ну...
уменьшите паддинг, будет ближе

или спозиционируйте псевдо ближе

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

чтобы она не была слишком далеко,
а возле текста

За отступ текста от края ссылки отвечает padding

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

froggush, вы понимаете, что фразы

а так же все карточки должны занимать всю ширину объекта-родителя

и

чтобы не больше 320 было

противоречат друг другу?

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

froggush,

Крч, чё-то от лукавого :(

Ну да, математика вся такая.
:)

Если вам нужно по 3 карточки, то так и пишите repeat(3, 1fr).
Если минимальная ширина карточек 332px, то пишите repeat(auto-fit, minmax(332px, 1fr))

Также есть функции clamp, min и max.

Вам нужно определиться, что первично: ширина или количество.

Ну и научиться нормально сразу формулировать вопросы и прикреплять к ним ссылки на песочницы с кодом (например, codepen.io) с видимой проблемой.

Как сделать отступ между position: absolute блоками?

valexeich, да оно и не должно было.
Я же написала, сложите в один block и там расставляйте как вам нужно.

Как сделать отступ между position: absolute блоками?

Сложить в один блок и сделать между ними отступы.

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

imko, какая разница, src у img менять или какое-то кастомное у родителя в style="----bgi: url(тут-урл)"

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

https://habr.com/ru/company/timeweb/blog/574972/

Как можно у slick slider сделать 3 CenterMode?

Djents, у вас написан scale(0.8) для предыдущего и следующего слайдов (точнее спанов внутри них). Он и их и уменьшает.

Как можно у slick slider сделать 3 CenterMode?

Не очень понятно, что вы имеете в виду.
Вы же сами сказали слайдам -1 и +1 уменьшаться.