Александр Пупкин

Держи https://jsfiddle.net/38qvjfeL/

https://jsfiddle.net/pesqq046/4/

O_O

Masonry

img {
    max-width: 100%;
    height: auto;
}

Notepad++

Как впихнуть кнопку внутрь инпута?

img {
    display: block;
    max-width: 100%;
    height: auto;
    margin:0 auto;
}

p {
    background:yellow;
    text-align:center;
}

Я так и пользуюсь.

По балуйся с bootstrap. Может легче станет. Сам я не фанат bootstrap.

Может стоит просто подключить:
style.css - для всех стилей
media.css - для разных разрешений.

Сам так использую, ни кто не прыгает...

Добавте к id="grid" ----- overflow:hidden;

Ну если вам не угодить - по старинке @media-query

Учите дальше все по чуть чуть. Пройдите курс по PHP, потом по JavaScript, или все наоборот. Bootstrap для ленивых (хотя сам его юзаю), из CMS попробуйте Drupal ( PHP + навыки). Главное не относитесь серьезно к ответам задротов. Я б их сжег всех, которые типо "ты еще бутсрап не изучил, хахаха я молодец!!", ты не знаешь что такое CSS3, ты еще молод. Просто пошлите их на...ищите, читайте, изучайте....задротов которые не могут что то полезное по теме рассказать, на..... не навижу задротов еба;%ных....хз через сколько это сообщение удалят, надеюсь вы успеете его прочесть....прием прием!

Держи https://yadi.sk/i/hB1z5QCRqdoQg

А высоту кто будет добавлять?

Сделайте через JS и не занимайтесь билебердой !

На Drupal такой фильтр сделать можно за 20 минут.

как фон называется? =)

Устроится можно с любым уровнем.

Ага, если только через знакомых...