From 100e553725e3a51b330cb873d0543a2ae51e81c1 Mon Sep 17 00:00:00 2001
From: Michael Drury <mpdrury15@gmail.com>
Date: Fri, 28 Apr 2023 11:06:15 +0100
Subject: [PATCH] making websight have more of a responsive design
---
shop/static/styles.css | 13 ++++++++-----
1 file changed, 8 insertions(+), 5 deletions(-)
diff --git a/shop/static/styles.css b/shop/static/styles.css
index 5c151ea..f7482ba 100644
--- a/shop/static/styles.css
+++ b/shop/static/styles.css
@@ -30,6 +30,7 @@ a:link {
clear: right;
padding: 20px;
text-align: center;
+ height: 100%;
}
.home_left {
@@ -78,7 +79,7 @@ a:link {
.item_page_title {
font-size: 400%;
border: thin;
- padding-left: 50px;
+ padding-left: 3%;
font-family: Andale Mono, monospace;
}
@@ -334,7 +335,7 @@ li {
}
.item_page_text {
- padding-left: 50px;
+ padding-left: 3%;
font-size: 150%;
color: #525252;
}
@@ -345,7 +346,7 @@ li {
}
.item_page_information {
- padding-left: 50px;
+ padding-left: 3%;
}
.sponsor_image {
@@ -432,6 +433,7 @@ li {
.item_page_side {
float:right;
position: relative;
+ height: 100%;
}
.empty_cart_image {
@@ -443,7 +445,7 @@ li {
}
.review_box {
- margin-left: 50px;
+ margin-left: 3%;
margin-top: 60px;
}
@@ -473,8 +475,9 @@ li {
background-color: #202020;
margin:0px;
text-align: center;
+ height: 80px;
}
.header_img {
- height: 80px;
+ height: 90%;
}
--
GitLab