Почему исчезает текст?

bazliiii, это в codepen у вас была вертикальная полоска. Тут на скрине я её не вижу.

Как можно сделать адаптив без Flex или Grid?

Требования смешные, конечно.

Вам никто не мешает использовать препроцессор и потом отдать готовую папку с билдом. И никто и не узнает, был там препроцессор или нет.

На счет флексов и гридов... можно тихонько спросить почему такое требование или просто послать заказчика как можно быстрее. Можно молча сверстать флексами и гридами, рассчитывая на то, что они всё равно не распознают.

Если эти варианты не подходят, то верстайте обычными инлайн блоками и @media. Ничего страшного.

Почему исчезает текст?

bazliiii, ну может, кому-то будет не лень делать за вас песочницу, причём так, чтобы проблема была видна.

Как вручную собрать иконочный шрифт из svg иконок?

vladimirincog, через маски цвет меняется не хуже.
Размер в em тоже не плохо наследует размер шрифта.

Почему исчезает текст?

Есть какие-то аргументы почему мы должны угадывать ваш код по скрину?

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

Я уже прошла мимо вашего вопроса молча, но вы меня сюда сами позвали.

Как вручную собрать иконочный шрифт из svg иконок?

Хорошо бы знать зачем это делать при наличии спрайтов (и не только их) в современном мире.

Установил gulp-imagemin и когда запускаю gulp выдает следующую ошибку "gulp-imagemin: Could not load default plugin `optipng`"?

Можно заменить на libsquoosh

Почему не работает сепаратор через псевдоэлемент?

kuramaa922, для инлайн-блоков не забывайте указывать vertical-align в явном виде, чтобы не было сюрпризов и потому что по умолчанию он baseline

Как сверстать блок внутри border чтобы сохранялся задний фон?

Dzambulat, нижний убрать и заменить псевдоэлементами

Как из option сделать кнопки?

Замените на radio и стилизуйте как хотите.

Да и в предыдущем вашем вопросе уже показали.

Как сделать таблицу на flex?

Muslim Mamaev, держите https://codepen.io/AnnaSummer/pen/xxWrMqb

Как сделать mixin меняющий размер круга при уменьшении экрана?

sofer233, ладно, с шириной вы справились.
Высота равна ширине. На этом проблемы вроде заканчиваются.

Как сделать mixin меняющий размер круга при уменьшении экрана?

sofer233,

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

Ну вот для этого и используют aspect-ratio, а не городят миксины.

Как сделать mixin меняющий размер круга при уменьшении экрана?

sofer233, тогда нужно рассказать всю задачу.
И зачем они отдельные, если это круг и они равны?

Собственно, clamp в vw и ставит размер в зависимость от ширины вьюпорта и задает мин и макс значения.

Как сделать mixin меняющий размер круга при уменьшении экрана?

https://codepen.io/AnnaSummer/pen/PoRjdwo

За пропорции блока отвечает свойство aspect-ratio. Если поддержка недостаточна, то хак с паддингом (гуглится и используется в моем примере). Так что высота вам в любом случае лишняя.

А вместо миксина css функция clamp.

Как зафисировать ширину div блока в "px" для bootstrap 5?

flex-grow и flex-shrink отвечают за подобное поведение

Правильно ли использовать position absolute & relative в верстках?

Меня попросили сделать фон из текста (два больший под rotate) и flex + justify-content: space-between, но изза разной ширины элементов они стоят не ровно, поэтому я использовал позиционирование.

Без картинки сложно понять что попросили и без кода в песочнице codepen.io сложно узнать, что вы сделали.

Раз ругали, то вероятно есть решение без абсолютов.

absolute (для родительского блока) и relative (для дочерних), правильно ли я поступаю?

Обычно наоборот.

или же настройки фона из элементов (не background)

Веселая фраза. Фон, но не фон.

Если "фон" вылезает за границы элемента и нет родителя, которому было бы удобно пристроить этот фон, то да, абсолют для псевдоэлемента вполне подойдет.

Как сделать таблицу на flex?

Как сделать таблицу на flex?

Вас кто-то заставил делать это флексами?

Или вы просто любитель садо-мазо?
Задайте фикс высоту и еще оберточку, будут вам флексы.

Но зачем? Зачем делать флексами, если это классическая элементарная задача для гридов?

Как сделать такой же список?

Yes It's matrik, https://codepen.io/AnnaSummer/pen/KKoqZpW
Дальше можете играть в gap, justify-content и другие размеры.

Как сделать такой же список?

Yes It's matrik, что-то я вообще не понимаю или не вижу проблемы.
8 элементов в списке, 4 столбца одинаковой ширины. Если они вдруг разной ширины, то через nth-child.
Гридом тоже самое, ширину какую угодно, всё равно один ровно под другим будет.