From 55ffb51afca88492b1c962a25916eb2117b72d5f Mon Sep 17 00:00:00 2001
From: Michael Drury <mpdrury15@gmail.com>
Date: Fri, 28 Apr 2023 12:02:45 +0100
Subject: [PATCH] making websight have more of a responsive design by using %
instead of px
---
shop/static/styles.css | 5 +++--
1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/shop/static/styles.css b/shop/static/styles.css
index fe99c69..24ab2bb 100644
--- a/shop/static/styles.css
+++ b/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 {
--
GitLab