Как бы вы решили проблему с изображением, которое неудачно расположилось при верстке макета?

Это не от верстальщика зависит, а от заказчика. А так это делается при помощи heading 100vh

Может с помощью calc() ?

WapSter, да, 100vh не даст обрезать header, но в данном случае, наверное, такое решение применимо для экранов с не очень большой высотой, иначе внизу останется много пустого пространства. Я сейчас думал над одним решением данной проблемы, но не знаю насколько это приемлемо.

Высота header'а на макете составляет 741px, что явно больше высоты моего viewport'а (635px), из-за чего header обрезается. Значит, можно использовать JavaScript для того, чтобы определить высоту viewport'а, и, если она меньше 741px, выставить header'у высоту в 100vh, а изображение iPad'а уменьшить. Если высота viewport'а равно или более 741px - отобразить header в том масштабе, в каком он изображен в макете.

Как вы думаете, это удачное решение? Чтобы и те и другие пользователи остались довольны?

Александр, ужас какой где вас всех учат верстать max-height 741px height 100vh