Дмитрий Кравченко

потому что кто-то редактировал бутстрап, судя по всему

.row {
    margin-right: -15px;
    margin-left: -65px;
    width: 900px;
}

тогда как должно быть

.row {
    margin-right: -15px;
    margin-left: -15px;
}

в форму их добавь оттуда.

<form method="post" action="/order">
<input type="hidden" name="memory" value="<?=$_GET['memory']?>"/>
<input type="hidden" name="memory" value="<?=$_GET['color']?>"/>
<input type="submit" value="Submit" />
</form>

Лучше не прям из $_GET, провести через контроллер эти значения, отдать во вьюху.

Советую модуль express

user-select: none;

ключевое слово forwards не даст ему появиться на прежнем месте

.el{
  animation: cloud1 1s ease-in-out forwards;
}

если нужно именно opacity, можно написать

@keyframes cloud1 {
    0% {
     left: 500px;
     opacity: 1;
    }
    99%{
     opacity: 1;
    }
    100% {       
     left:-200px;
     opacity: 0;
    }
}

можно принудительно поставить

body{
  overflow-y: scroll;
}

app.controller("cartItems", function($scope, $http){

  $scope.clickHandler = function(){
    $http.get("/cart.json").success(function(data) { $scope.all = data });
  }
});

<button ng-click="clickHandler()">Click me</buton>

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

это обычная png картинка, сверху которой положен слой свг, в котором отлавливается hover и производится вся "магия"

вложить блок с контентом в блок с бэкграундом, разумеется

<section>
<div class="content"></div>
</section>

section{
   width: 100%;
  background-color: blue;
}
.content{
  margin: 0 auto;
  width: 1200px;
}