iBird Rose

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

расставить clearfix
к примеру после каждого 3 col'a - <div class="clearfix visible-md visible-lg"></div>
а после каждого 2 - <div class="clearfix visible-sm"></div>

для .hidden-menu меняй left: -320px;

Почему профессионалы не используют cms даже для небольших сайтов, ведь это вполне удобно?

потому что если ты изучишь хотя бы один фреймворк - то ты поймешь как это удобно. и что всего лишь для одного функционала тебе не нужно будет ставить целую cms. а написать пару строк кода.
это то же самое когда к примеру на уже сверстанном сайте тебя просят сделать адаптив - и ты ставишь бутстрап. хотя можно обойтись парой строк в css для создания своей сетки и дальше адаптировать в медиа.

скорее всего он у вас уже стоит. посмотрите в preferences - package settings

$('button').on('click', function() {
    $('input').attr("placeholder", "e-mail");
});

не знаю зачем другие стили кроме height, но именно height: 100%; для body, не будет работать если не сделать это и для html. к примеру когда юзаешь flexbox для всего документа. когда нужно прижать footer к примеру.
p.s. к примеру вот. если уберешь стиль у html - footer не будет прижиматься https://jsfiddle.net/6odvshgu/