making websight have more of a responsive design by using % instead of px

shop/static/styles.css

@@ -176,7 +176,7 @@ li {
 
 .cart_box {
     border: 2px solid grey;
-    width: 35%;
+    width: 45%;
     margin-left: 2%;
     margin-bottom: 20px;
     padding: 10px;
@@ -188,10 +188,11 @@ li {
 }
 
 .item_cart_img {
-    height: 100px;
+    height: 80%;
     float: right;
     padding: 20px;
     transform: scale(1);
+    max-width: 50%
 }
 
 .item_cart_img:hover {