Иван Гришов

tools -> options -> synchronisation -> Synchronisation target

Shift + Enter

если не будет advantages-about можно написать about__item, about__text.

about - блок
about__item, about__text - элементы

Нужно еще прописать $table_prefix = 'modx_';
в core/config/config.inc.php и тогда запустится

Нужно поставить галочку "Create output file from stdout" и изменить пути на указанные в скриншоте, тогда все четко отрабатывает

Сделай вот так и все будет ок. Нужно изображение поместить в контейнер и задать ему высоту, картинку разместить абсолютно контейнера и задать object-fit:cover.

Вот так, проверяй.

путь к img должен быть в кавычках, во-первых ( src=" " ) . А во-вторых, значить путь к картинке не верный.

Вот так:

Проверяй

li {
position: relative;
list-style: none;
padding-left: 40px;
}
li::before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 20px;
height: 20px;
background-img: url("вставляешь путь к своей иконке");
background-size: cover;
}

ну или примерно так, через before короче.

Вот набросал небольшой код:

Вот так:

Готово.

Нужно добавить всем элементам (через знак " * ") margin: 0, padding: 0. Плюс удалить пробелы в самом html.

Этот код написать на препроцессоре. Нужно установить один из них. Либо less либо sass. Сначала устанавливаешь глобально, а затем в редакторе кода.