Александр

Array.prototype.myMap = function() {
	// Ваш код тут
}

Если вы хорошо знвете теорию, то вам просто не хватает практики .
У меня тоже так было, вроде смотрю решение задачи и понимаю все конструкции и как все устроено, но сам так не написать не могу. Пишите свой код, читайте и копируйте чужой. Так же тут смотрите вопросы, пытайтесь их решить ( по уровню знаний) и смотрите чужие решения.

https://jsfiddle.net/n5pt4rvh/5/

Сделайте ему обертку с display: flex, justify content: center.
На счет второго вопроса, после присвоения position: fixed блоки выпадают из потока и соседние блоки их не воспринимают. Можно задать соседним блокам отступы, которые компенсировали бы размеры ваших футера и хедера.

https://jsfiddle.net/wpgaze9y/

Вот правда немного изменил html:
https://jsfiddle.net/8wLu08ce/9/

Например так:
Клик