Ivan Bogachev

Используйте transform: translateX + will-change вместо того, чтобы анимировать свойство left при абсолютном позиционировании.

По внешнему виду:
Адаптивность есть, это хорошо. Есть мелкие проблемы, которые портят впечатление (где-то что-то обломалось, где-то что-то не влезло):

и.т.д. Также стрелка снизу кажется не по центру, отступы какие-то странные местами (макет не смотрел, это чисто личное впечатление). Фокус на элементах практически не заметен. Стоит поработать над этим. Обводка синим - бяка.

По коду:
- Отсутствует система в именовании классов. Почитайне про БЭМ или RSCSS.
- Использовать #id в CSS не стоит. Это дурной тон и источник проблем.
- Из-за вышеупомянутого отсутствия системы классов CSS читать невозможно + потенциальные проблемы с перебиванием стилей в неожиданных местах.
- Много магических чисел в CSS (321px, 44.148936%, 381px...). Практически всегда можно избежать этого.
- Нет ресета/нормалайза. Тоже потенциальные проблемы.

Поправьте вышеупомянутые проблемы. После этого приходите к использованию препроцессоров (можно начать с LESS - он самый простой, но в 99% случаев его возможностей достаточно). Ну и JS изучайте, без него верстальщику не выжить.

Это проблемы макета или верстальщик должен сам подбирать все? Сетки вроде нет; Отступы кажись на глаз надо делать.

Я бы спросил это у самого дизайнера. Если он нарисовал все как попало и хочет pixel-perfect - это его проблема, нужно или потребовать переделать или попросить больше времени на работу. В перспективе - научить его делать стайлгайды. При их использовании вопрос "что-то тут немного поехало на макете" уже не стоит так остро - вы смотрите в стайлгайд и берете размеры, шрифты, цвета из него. Я как-то раз делал эксперимент по использованию упрощенно-извращенного подхода к вопросу размеров и могу сказать, что после написания статьи он более-менее обкатался (на нормальных сайтах, а не на надуманном примере) и вполне может применяться в условиях отсутствия дизайнера-перфекциониста.

Подобная фигня происходит из-за неправильных округлений (с браузерами такое бывает довольно часто, правда обычно проявляется в вещах вроде calc() в css). Вот тут есть статейка по теме media-запросов, и вывод из нее довольно простой - используйте или только max-width или только min-width и все будет хорошо.

Не видя самого сайта сложно угадать что там есть, и что нужно размечать. Расскажу как по идее должно быть, а вы там уже примените это к своим реалиям.

Есть (по идее) две категории сущностей - сама организация, которая каталог предоставляет, и собственно предложения о продаже. Если выражаться в терминах schema.org, то первая сущность относится к Thing > Organization. У нее есть address, description, email, могут быть events, foundingDate, location, logo, telephone, image... и еще много всего, что эту организацию описывает. Сами предложения о продаже недвижимости более всего подходят к Thing > Intangible > Offer, а у оффера могут быть availability, availabilityEnds, availabilityStarts, category, offeredBy, price, priceCurrency, priceValidUntil, review, description, image и еще куча всего. Так что открывайте свой сайт, открывайте документацию, и прям по списку смотрите, какие свойства соответствующих сущностей есть у вас на страницах.

Правильно ли я применил адаптивную верстку

Сам факт задания такого вопроса заставляет усомниться в правильности, и с энтузиазмом найти косяки. Так вот: вы совсем забыли про то, что на телефоне, как бы так сказать, может быть низкий экран.


А еще отступы везде немного плавают (не знаю, может дизайн такой, может я привередливый).

А вот это

function dropOne() {}
function dropTwo() {}
function dropThree() {}
function dropFour() {}

Можно было бы и получше оформить.

На чистом CSS такое сделать не получится. Проще всего использовать волну (верхнюю ее часть) в виде SVG картинки (пример). Надеюсь проблем с тем, чтобы нарисовать ее одной кривой, не возникнет.

Можете отталкиваться от этой демки. Пропорции картинок немного искажены (на глаз сложно угадать), но в остальном - то, что вам нужно.

Как сделать footer внизу страницы... Решаемо ли это?

И в восьмой раз я приложу к ответу эту демку... Досчитаю до 13 и начну жаловаться на подобные вопросы.

Такое окончание достойно цитаты:

<div class="cry2"></div>
              </div>
              <div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

От разметки, которая предшествует этому, и правда плакать хочется...

А по делу - то, что вы описываете, на чистом CSS сделать не получится, а если бы и можно было - это был бы очень непрактичный костыль. Лучше почитайте про какую-нибудь методологию, rscss или модный нынче БЭМ - это избавит от подобных вопросов, а код станет гораздо более структурированным.