Вот вам ПРИМЕР, как можно сверстать поиск - https://jsfiddle.net/cd3kagef/ (На картинку в Base64 не обращайте внимания, просто удобно было вставить именно так).
А по комментам. Верстать за Вас не буду, задавайте конкретные вопросы.
Вообще, это элементарные основы.
Плохую вы выбрали политику, сразу спрашивать на Тостере.
Так ничему сами не научитесь.
Всё зависит от того, что вы реально хотите найти.
Хорошего специалиста или хорошего дешевого специалиста.
Как показывает практика, второе - мягко говоря редкость.
И опять же, как правило, ищут именно таких.
PS: Контакты в профиле)
Если количество блоков неизвестно, пишите формулу.
Для 1,4,7 и так далее :nth-child(4n+4)
Для 2,5,8 и так далее :nth-child(3n+2)
Для 3,6,9 и так далее :nth-child(3n+3)
В помощь nth-calculator.com
С недавнего времени стал всё чаще использовать векторную графику, не заморачиваясь над х2 или х3 разрешением.
Хотя, конечно, х3 это еще очень и очень редкое явление, однако нужно уже смотреть в будущее.
От дизайнеров часто требую именно векторы для работы.
Самое сложное это растр, который в х3 весит много, для этого используется picture source.