Great Rash

Я не знаю, что и куда вы добавили, но колонку вы не скрываете. То что вы скрыли содержимое колонки не решит вашу проблему.

Восьмая ссылка

Хм. ну вот я сейчас в консоли попробовал масштаб поменять и увидел, что screen.availHeight и window.innerHeight отличаются, думаю это можно использовать, чтобы узнать масштаб.

var age = parseInt(window.prompt('Введите число', ''), 10);if (!isNaN(age)) { alert('число');}Это я к тому, что Number.isInteger() не пашет в ИЕ11.

«smooth scrolling» в Google.

Нужно не просто прятать половину формы, а прятать колонку целиком. Оставшуюся колонку растягивать на всю ширину строки.

Не думаю, что это возможно. Просто потому, что JS не позволяет узнать масштаб вьюпорта. Я смог придумать два способа попробовать реализовать вашу задумку: 1) Извращенский: Запихиваем весь контент в некий блок. А кнопку кладём поверх этого блока. При помощи мета-тега запрещаем юзеру масштабировать вьюпорт. При попытке масштабирования вызываем скрипт, который устанавливает transform: scale(N); для всего контента, кроме этой зелёной кнопки. 2) ХЗ работающий ли: Устанавливаем мега-мета-тег (<meta name="viewport" бла-бла-бла>), в котором разрешаем масштабировать, и пробуем получить скриптом ширину window. Если она отличается от изначальной, то поздравляю вас, вам повезло. Значит мы можем посчитать масштаб: делим новую ширину окна на эталонную, получаем масштаб окна, увеличиваем кнопку на этот масштаб, опять же используя трансформ. P.S. Дизайнер ваш - лох, ибо не понимает вообще, что такое веб и пытается из веба сделать мобильное приложение...

Самое перспективное направление сейчас - мобилы (приложения/сервисы/игры и т.п.), там реальное бабло крутится. Советую копать в этом направлении если хочется сменить род деятельности.

На самом деле там вёрстка какая-то странная. По уму нужно переделать всё (если это вы конечно делали или если доступ к вёрстке есть). А вообще надо указать float: left; для блока .catItemImageBlock, а блоку .catItemIntroText нужно указать правило overflow: hidden;

Тормозов не заметил. Зато заметил кучу ошибок в консоли и то. что скрипт не отрабатывает пока ресайз окна не сделаешь.

Отсюда.

Явно проблема с путями.

Ну кстати есть у меня одна (нужен аккаунт в Моём Мире) я там фронтенд делал, ох и намучился с ней, особенно когда начальство за неделю до релиза поставило задачу слепить десктопную версию. Всё игровое поле (то, что справа) на SVG сделано.

Быть такого не может. Соберите пример на JSFiddle или Codepen.

Не могу придумать куда уйти, а так может и ушел бы. Бекенд совсем не моё, а во фронтенде всё равно ж верстать заставят рано или поздно Вообще в геймдев хочу, но вот опыта маловато, так потрогал руками юнити и фазер...

Просто накипело, я с этими "красными линиями" сталкиваюсь каждый день... Только я успел порадоваться тому, что мы летом наконец отказались от поддержки ИЕ7 (ИЕ7, в 2015, Карл!), так новая головная боль теперь - мобилы. А как дизайнить под мобилы дизайнеры вообще не догоняют, я уж устал им объяснять всем по очереди, что да как. В результате даже пришлось разработать свою методу адаптивности. Теперь я верстаю "адаптивные сайты" по методу Рашида. Это такая ржака, что даже грустно становится... Но всё это меркнет перед самой геморройной вёрсткой в моей карьере! Внимание, представляю вам вёрстку под WebView! А теперь мысленно возвращаемся во времена ИЕ5.5 и пытаемся в этих условиях запилить игру. Причём не просто игру, а чтоб вглядела как нативное приложение в iOS9... слава яйцам, что хоть Windows Phone поддерживать не нужно, а то я б наверное повесился. В общем этот эксперт по красным линиям - это 100% я. А вот эти вот товарищи в переговорке - моё начальство, маркетологи и дизайнеры.

Настоящий эксперт перепутал нарисованные линии с полосками, которые даже не полоски а кольца.

Всё правильно работает. Тексту некуда деваться, вот он и переносится.

Если я правильно понял, то нужно задать min-height для дива.

Я ширину изменил, у вас текст по ширине не влазит в блок, поэтому переносится под картинку.

https://jsfiddle.net/hgk9d8je/2/

В данном случае: .service-list img,.service-list p { display: inline-block; vertical-align: middle;}

Это зависит от задачи. Если картинка - это иконка, то можно и before, а если это фото, то img.

Чтобы паддинги не влияли на ширину блока нужно указать правило box-sizing: border-box;.