making websight have more of a responsive design

shop/static/styles.css

@@ -174,8 +174,9 @@ li {
 
 .cart_box {
     border: 2px solid grey;
-    width: 400px;
-    margin: 20px;
+    width: 35%;
+    margin-left: 2%;
+    margin-bottom: 20px;
     padding: 10px;
     height: 150px
 }
@@ -213,17 +214,17 @@ li {
 }
 
 .total_price {
-    padding-left: 20px;
+    padding-left: 2%;
 }
 
 .cart_welcome {
-    padding-left: 20px;
+    padding-left: 2%;
     font-family: Andale Mono, monospace;
     font-size: 300%;
 }
 
 .empty_cart {
-    padding-left: 20px;
+    padding-left: 2%;
     font-size: 200%;
 }
 
@@ -234,7 +235,7 @@ li {
 }
 
 .item_amount_cart {
-    padding-left: 20px;
+    padding-left: 2%;
 }
 
 .checkout_title {