Oleg Urievich

пропишите url от корня сайта

<img src={`/img/${imgUrl}`} alt="book" width="240" height="320" />

8pt grid
ещё 8pt grid
Большая статья по модульным сеткам
Видео про модульные сетки
Вертикальный ритм. Основы.

От себя могу сказать: строгая сетка (кол-во колонок, их ширина и т.д.) важна тогда, когда сайт будет на фреймворке (тот же Bootstrap), а типографика по большей части зависит от вертикального ритма, на межколон. ей пофиг (разве что длиннущему строки рекомендуется соблюдать в зависимости от устройства, ибо влияет на читаемость).

Так же заплатано отвечу.
Есть CSS. И если хорошо его знаете. То можно без изменения структуры html файла перебить стиль и подогнать под себя.
CTRL+SHIFT+I а потом CTRL+SHIFT+С, выбираем блок и редактируем. Где находится CSS? Тоже там найдете заходите на фтп и правите css. Т.е. копировать и вставить.

А если редактировать саму структуру хтмл (.php или .tpl ) то тут только изучение самой CMS поможет.
И настоящему веб-разработчику нужен только блокнот.
Никаких плагинов и дополнительного софта, только ХАРДКОР!!! (если это не notepad++ с emmet конечно :) )