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

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. Будет панелька поверх блока.

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

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

Для этого нужно спросить у верстальщика зачем он понаписал столько каши в код, в частности, зачем задал fixed правому блоку.

Как растянуть Linear-gradient на весь блок?

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

На данный момент самый удобный способ - это min-height: 100vh для body.

Как растянуть Linear-gradient на весь блок?

SeeYou1ater, не знаю зачем она вам там конкретно по 100%, если ширина и так такая, а высота сайтов обычно больше высоты вьюпорта.

Как растянуть Linear-gradient на весь блок?

SeeYou1ater,

обьясните, у меня в reset.scss стоит высота и ширина 100%. В style.scss ставлю min-height: 100%, но оно не срабатывает, получается стили не переопределяются. С чем это связано?

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

Как изменить css несколько раз сразу?

Иван Акимов, через кастомные свойства

Как изменить css несколько раз сразу?

Меняйте классы, а не вот это вот...