iBird Rose

min-width: 960px; стоит в page-container в вашем примере.
а вообще просто вешайте min-width на body и будет вам счастье

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

через js https://jsfiddle.net/iBird/mk4hhgnn/7/

Есть плагин для хрома "LivePage" еще. через него пробовал?

че его делать то? вешаешь на блок стили и все

background-image: url('img/image.jpg');
margin-bottom: 0;
background-position: 50% 67%;
background-attachment: fixed;
background-size: cover;
text-align: center;
color: #FFF;
position: relative;
z-index: 1;
display: block;
margin-left: auto;
margin-right: auto;

• рамку сделать через box-shadow
  
• Градиент через www.colorzilla.com/gradient-editor
  
• треугольник справа через :after (по старинке готовой картинкой, либо сделать треугольник на ксс через border)
  

ну тк выведи psd из папки и храни. тогда и мешаться не будет

project1
---->psd
---->Dev
-------->css
-------->js
-------->img
-------->index.html

а как ты подключаешь бутстрап в тему?

предположу что из за ширины скролла в браузерах телефонов

anykey skywalker

если дело пары правок - то можно сразу на хостинге делать, ну а если совершенно другой по дизайну макет - никто не будет вам сразу на хостинге это с нуля верстать)

а front-end developer'у фотошоп то зачем? достаточно того что ты сможешь открыть макет в нем и сверстать его. тут как бэ знаний фотошопа не требуется