Как разрешить в input ввод только конкретных цифр?

Разрешите ещё и пустой инпут. По крайней мере, пока он в фокусе.

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

1. Очень сомнительно, что зеленая полоска является контентом.
А значит, её не должно быть в разметке.
Делается стилями.

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

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

Начнем с того, что слайдер вообще не имеет отношения к вопросу.

как сделать чтобы блок text появлялся при наведении на слайд и не скрывался?

CSS так не умеет.
Значит, нужно, отлавливать наведение на JS и добавлять блоку .text класс, который его покажет. (гуглится элементарно).

Проблема в том что блок должен быть через position absolute

Уточните, что именно и какую создает проблему? Ну должен быть абсолютом - сделайте абсолютом.

Хотя, в современном мире для этого придумали гриды. Чтобы без лишних абсолютов.

Реализация расположения элементов?

Если они ничего не делают, то слить в одну картинку с телефоном и засунуть в фон или псевдоэлемент.

Если это ссылки, то так и располагать, гридами или абсолютами, как вам больше нравится.

Как растянуть фоновый цвет на всю ширину экрана?

Контент по центру, фон по ширине

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

Danya Wyse, там в конце фразы ку меня стоял неразрывный пробел - он лишний.

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

Danya Wyse,
держите https://codepen.io/AnnaSummer/pen/dyJJvaE

Как сделать при прокрутке страницы отмечать прочитанные блоки (элементы)?

ctacua, да, я тоже могу, но поскольку это почти ежедневный вопрос, то мне надоело писать эту кучу ссылок каждый раз.

Как сделать сайт с курсом?

As56, чушь какая.

такой себе показатель профессионализма

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

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

Danya Wyse, Просто два псевдоэлемента. ::before абсолютом (или гридом с доп оберткой), ::after инлайном.
Только нужно следить, чтобы закрывающая кавычка не посмела переносится на новую строку сама по себе.

Как обрезать часть div'a справо?

Это же слайдер.
Задаете фикс ширину слайдам, что не влезет само обрежется.
https://swiperjs.com/demos#slides-per-view-auto

Как сделать при прокрутке страницы отмечать прочитанные блоки (элементы)?

1. Определяем позицию всех элементов на странице - с этим сложности, я не могу понять как это сделать.

Да и не нужно.
https://developer.mozilla.org/ru/docs/Web/API/Inte...

Нормально ли использовать grid для отступов, вместо margin?

Grid - инструмент для создания сетки, ну точно не для выставлений отступов

Да тут главное, что gap это свойство для выставления отступов... в сетке :)

Нормально ли использовать grid для отступов, вместо margin?

wakenbyWork,

grid-gap - устаревшее написание.

Что тут нужно уточнять?

Поддержку вы всегда можете посмотреть на caniuse.

Нормально ли так повышать область клика?

wakenbyWork, почитайте про семантику и про использование элементов по смыслу.
div используется только в том случае, когда нет другого, более подходящего тега.
Плюсики это вообще украшения слова "Добавить", а не контент.

Со скрина кликая на item будет скачиваться файл, и конечно нужно чтобы кликнуть можно было хотя бы на 4px рядом

Очень хорошо.
Попросите дизайнера не лепить всё в кучу, а сделать так, чтобы между элементами было пространство.

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

Нормально ли использовать grid для отступов, вместо margin?

wakenbyWork, всё верно

Нормально ли использовать grid для отступов, вместо margin?

wakenbyWork, grid-gap - устаревшее написание.

Как убрать отступ при прокручивании страницы вниз?

zeaovede,

Не задвигается он так к сожалению

еще раз медленно: его нужно прибить к верху браузера, задать top: 0

Как убрать отступ при прокручивании страницы вниз?

zeaovede, сейчас вы видите заголовок? И продолжите его видеть, потому что подвинете только правый блок (задвинете под красную полосу).

Как убрать отступ при прокручивании страницы вниз?

zeaovede, тогда родителю не нужен флекс ;)
Ну и прибейте свой блок к верху и панельке z-index. Будет панелька поверх блока.