Ivanq

Вопрос для Фрилансима!  
UPD Решение предложил, ссылку найдите сами, если сможете.

Хотя известно же что поля это маргины а отступы падинги.

Запомните на всю жизнь - padding - это поля, а margin - отступы. Margin - это снаружи, это отступ от родителя. Padding - это внутри, поля для текста (или содержимого).

Это невозможно. Браузер просто не может показывать контент больше, чем может вместить экран. Как вариант - задавать значения для размеров меньше 650px в процентах

P.S. <meta name=viewport content="width=650">

1. Меню, которое вверху, лучше вынести в левый столбец.
2. Лучше простилизировать кнопку Shop
3. В одном месте товары в столбик, в другом в линию. Лучше все время, как в начале на зеленом фоне сделано.
4. Пишется не Bay, а Buy.
5. Нижнюю часть с featured sale и так далее лучше поставить в несколько колонок и приделать им зеленый фон.
6. Copyright лучше тоже поставить зеленый фон, вывести текст на середину экрана.
7. У зеленых квадратов слева лучше не оставлять пустые места.
(Там, где я указал зеленый фон, цвет текста лучше белый)

Но для новичка, 3 недели с таким результатом - это очень хорошо. Помню, у меня было хуже.