Почему в sass не срабатывает hover на дочерний элемент?

Stepan007, если есть before, то зачем применять стили для after?

.author__info
  display: flex
  cursor: pointer
  background-color: coral

  .author__name::after
    content: 'after'
  &:hover .author__name
    border: 2px solid red
    &::after
      color: red
    
.author__name
  position: relative
  font-size: 21px

Gulp не создает папку dist, В чем проблема?

00absolute_zero0, тады ставьте gulp-debug и смотрите, что у вас подается на вход.

Gulp не создает папку dist, В чем проблема?

00absolute_zero0,

export const path = {
  build: {
    files: '${buildFolder}/files/',

Адаптивный дизайн html белая полоса?

Veronica Cusniriuc, и вам добрый день.
Вы задали в body фоновое изображение.
В таких случая ВСЕГДА, задавайте фоновый цвет контейнера! На случай выхода контента за пределы изображения. или проблем с его загрузкой.

body {
  background-color: #fff; /*доминирующий цвет фонового изображения*/
  background-image: url(); /*фоновое изображение*/
  background-repeat: no-repeat; /*чтоб картинка не дублировалась*/
}

background-position — задается только если это действительно нужно.
background-attachment — не нужен, он по умолчанию имеет значение scroll.

В каких случаях можно пренебрегать 4px сеткой?

Alexander, а вы его душите в ответ :)

Как убрать швы при использовании background-repeat?

Константин Друзь, пожалуйста.

Какой форумный движок используется на этом сайте?

В коде есть такая строка:
var DLE_Main_Link = 'https://jut.su/';
Так что, возможно, это DLE

Как починить ноут в manjaro?

Попробуйте pacman -Ss manjaro-kde или pacman -Ss kde

Подойдет ли данная озу на мой комп?

Здесь, dualchannel, т.е. 2 канала. На один канал приходится по 4 гигабайт.

Производители, могут блокировать использование 4гб планок. Тут как повезёт.

Почему на стартовом экране photoshop не отображаются последние открытые макеты?

MyQuestion, за показ начального экрана отвечает именно эта опция. Попробуйте перезапустить Photoshop, если еще этого не сделали.

ЗЫ. ради эксперимента, переключил эту опцию

• включено — список "недавние" есть
  
• выключено — недавних нет
  

Что не так с gulp?

Константин Вонотон, исправлять надо приоритет запуска задач, т.е. let watch и let build.
Примерно так.

let build = gulp.parallel(js, css, html, images)
let watch = gulp.series(clean, build, gulp.parallel(browserSync, watchFiles));

Сначала очистка, затем сборка и только потом параллельный запуск сервера и отслеживания.

Почему болят глаза от нового монитора?

Дима, хорошо.
Значит, методом исключения, остается только нестабильное электропитание.
Как временное решение, можно установить стабилизатора напряжения.
Но надежнее и правильнее — вызвать электрика, который выяснит причину нестабильности напряжения и скажет как ее устранить.

Почему болят глаза от нового монитора?

Дима, вы так и не ответили: поднимается ли частота вручную или нет.
Если нет, то проблема в драйверах, т.к. (судя по мануалу) у этого монитора рабочая частота 60 Гц. А никак не 30.

Почему болят глаза от нового монитора?

Дима, тогда попробуйте вручную поднять частоту экрана.

upd: вы это читали?
Очень похоже на вашу проблему.

Почему болят глаза от нового монитора?

Дима, как написал @Алексей Черемисин: "30 гец - очень мало!"
Вы написали, что "драйвера и цветовая схема стоит одинаковая". У меня возникают сомнения, что это драйвер от производителя монитора.

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

Это как сравнивать Windows в обычном режиме и безопасном. И там и там есть все необходимое для работы системы, но в безопасном режиме многие возможности системы не доступны!

Вывод: чтобы монитор работал на все 100%, необходимо установить драйвера с сайта его производителя.

Как сделать условный margin (разный в зависимости от выравнивания float:left, float:right)?

HTML

<img class="float-right">
<img class="float-left">

CSS

img[class="float-right"] {
  margin: 0 0 0 2rem;
}
img[class="float-left"] {
  margin: 0 2rem 0 0;
}

Как сделать условный margin (разный в зависимости от выравнивания float:left, float:right)?

Michael_Romanov, 'article__content img' — это пример селектора для поиска изображений внутри статьи.
К примеру, с такой структурой:

<article class="article">
  <h2 class="article__heading">Заголовок</h2>
  <div class="article__content">
    <p>Lorem ... <img src="" alt="image"> ...</p>
    ...
    <p>Lorem ... <img src="" alt="image"> ...</p>
  </div>
</article>

Предполагается, что есть блок статьи. У нее есть заголовок и содержимое (content). В содержимом есть абзацы с текстом и изображениями.

Скрипт ищет все изображения в '.article__content', а потом присваивает им нужные классы, с чередованием.

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

Можно вручную вставить переносы строк.
Хоть это и не очень красиво, но зато работает.

На страничке справа есть белое пространство, как его убрать?

ul — это список! Его ребенком может быть только li!

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

Пожалуйста.
ch — величина относительно ширины строчной буквы.