Андрей Б.

Как скролл связан с размером картинки?))
Чтобы растянуть картинку на всю ширину и высоту родителя, используйте
background-size: cover;

и вообще, не ленитесь пользоваться поиском, тема уже избита в доль и поперек
первая ссылка в выдаче по запросу "блок на весь экран"
shpargalkablog.ru/2014/08/full-screen.html

В вашем случае никак.
Вернее проще оставить как есть, иначе придется многое перелопачивать, т.к. у вас сетка так построена.

border-top: 10px inset red;
border-left: 10px inset blue;
border-right: 10px inset yellow;
border-bottom: 10px inset green;

jsfiddle.net/3uk32enw
htmlbook.ru/css/border-style

эм...да как и везде
background-color: #fff;

Не совсем понятно чего в итоге вы хотите, судя по комментариям. Вот так?

@import "CSS:../../bower_components/normalize.css/normalize.css";

Потому что у select как и у input элементов нет содержимого, а эти псевдоэлементы добавляются именно к нему.

.menu {
	...
	.menu-list {
		...
		.menu-list-item {
			...
			&:hover {
				...
			}
		}
	}
}

На выходе:

.menu{...}
.menu .menu-list{...}
.menu .menu-list .menu-list-item{...}
.menu .menu-list .menu-list-item:hover{...}

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

Без кода или ссылки на сайт сложно что то сказать.

<meta name="format-detection" content="telephone=no">

Может вы имели ввиду CSS фреймворки?
Попробуйте skeleton

Можно, но соглашусь с Антон Ф. что лучше делать картинкой )