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

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 уменьшаться.

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

Так, гридами не выйдет.
Вы можете оперировать шириной и overflow.
Ширину колонок при этом задавать по контенту.

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

У секции 2 столбца, внутри один блок занимает из них 3, а другой 9?
Сильная математика ))

Свойство grid-column пишется так, без s на конце.