3.8. Использовать для демонстрации фрагментов кода только специальный тег < code> или специальные демонстрационные ресурсы (например, JsFiddle - https://jsfiddle.net/).
Размещение фрагментов кода в виде изображений запрещено.
как вариант почитать мануалы по бут_4.
и много лишних классов col-sm-12 имхо вообще не нужен как и order-sm-
помимо этого есть понятия сео, могу ошибаться , но у вас по дизигну сначала идёт текст ,а потом идёт галерея , что не верно для сео(полезная инфа всегда идёт первая по потоку).
не надо юзать во флекса проценты(мрджины падинги) да и 120% ширина явно лишняя.
так же не надо делать тайтл просто дивом(а к примеру н1..н2 и тд) + бр не в тему. а ещё конечно лучше глянуть живой код
