Как правильно учесть перенос элементов?

frontAng, так display поменяли...

Как правильно учесть перенос элементов?

display: inline-block;
width: 100%;

Использовать id как способ логически разделить контент в коде, это ок?

Логически он прекрасно разделяется осмысленными классами блоков (и разбивается по ним на файлы).

Зачем вам лишние байты в коде?

Как изменить все цветные png в золотистый цвет в css?

Маски, фильтры

Как задать цвет заднего фона для каждой колонки?

twobomb, если вам не нужно, не используйте.
Например, им делается простенькая раскладка типа masonry в 2 строки вместо плагина.

Как обычно в верстке, одна задача имеет несколько решений. И в разных ситуациях могут выиграть разные.

Как задать цвет заднего фона для каждой колонки?

wonder_uix, таки через calc.
У вас паддинг блока в пикселях, а отступ между колонками в %. Это нужно учитывать в градиенте.
Ну либо в общей логике.

Как задать цвет заднего фона для каждой колонки?

twobomb, нормальное свойство.
Никакие три колонки дивами автоматом контент между собой не распределят.

wonder_uix,

А как быть на мобилках?

Как хотите.
Вы какого-то другого ответа ждали на такой шикарный вопрос? :)

Как задать цвет заднего фона для каждой колонки?

Нарисовать линейный градиент

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

LI4NOOST, эммм... сделать карточку гридом.
Либо разместить поверх картинки абсолютом.
Либо обернуть их вместе во что-нибудь и снова гридами или абсолютами.

Гриды тут лучше.

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

LI4NOOST, действие = кнопка = <button>
Не псевдо..

Как уменьшать линию в зависимости от длины текста?

L1nw0od, да точно также как и элементу, вообще нет разницы.

Как уменьшать линию в зависимости от длины текста?

L1nw0od, получится

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

LI4NOOST,
1. У img, по спеке, псевдо есть только тогда, когда не загрузилась картинка
2. Вот же кнопка для редактирования

<button type="button" class="profile__edit-button"></button>

. Почему вы делаете карандашик псевдо от картинки??

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

С фокусом аналогично

Как реализовать плавное появление изображения на background?

Zoom не поддерживается в Firefox.
А свойства opasitive не существует.
Команд вообще нет.

Но если использовать свойства opacity и transform: scale(), то угу, будет похоже на правду.

Как можно наследовать стили другого класса через scss?

QnaTwitt, если все файлы собраны импортом в основной файл, то второй раз импорт не нужен.

Но про миксины я уже написала.
В большинстве команд, в которых я работала, extend запрещен.

Как можно наследовать стили другого класса через scss?

Удобнее завести миксин.

но проблема в том, что из-за того что я делаю импорт всего файла где все эти стили, они все записываются в мой файл...

В смысле, вы любитель писать БЭМ элементы через &?

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

Хорошее такое меню без ссылок.

Принцип такой: делаете грид из каждого пункта. В data-атрибут пишете текст из пункта.
Делаете псевдоэлемент из data. Делаете его жирным или большим или как там нужно. Кладете нижним слоем в грид и скрываете opacity, visibility.
Потом с самим текстом делаете что хотите.

Делать песочницу лень, потому что это популярный тут вопрос, нужно будет погуглите прямо код. Раньше он был на абсолютах, теперь можно на гридах.

Как сделать, чтобы писалось n/a при пустой таблице?

На css :empty и псевдо?
На php проверяете есть ли данные.

Отступ между полем ввода и кнопкой?

Какой-то легкий бред в коде.
Инпуты не в форме, а кнопка в форме?

Кнопки удобнее делать с помощью button.

Отступы между элементами удобнее всего задавать с помощью margin или gap. Но имейте в виду, что вертикальные margin не работают с инлайновыми элементами и нужно сменить display.

*ничего не работает

0. Так у вас вообще стилей нет ;) Вы показали только разметку. Откуда там взяться отступам?
1. Проверьте код валидатором https://validator.w3.org/nu/
2. Исправьте ошибки, которые указала.
3. Сделайте песочницу на codepen.io или аналоге с видимой проблемой.
4. Или самостоятельно посмотрите в инструментах разработчика в браузере, почему ваши отступы не применились.