Adjustments for aside panel

CDIO-gr-17 · Apr 18, 2024 · 4c71ce4 · 4c71ce4
1 parent dc90e89
commit 4c71ce4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/App.css b/src/App.css
@@ -12,7 +12,7 @@ body {
 
 .frontPage {
   display: grid;
-  grid-template-columns: 0.9fr 2.5fr 0.9fr;
+  grid-template-columns: 0.95fr 2.5fr 0.95fr;
   grid-column-gap: 1.5em;
   justify-items: center;
 }
@@ -32,14 +32,18 @@ aside > * {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   border-radius: 1em;
   color: black;
-  width: 100%;
+  width: 21em;
   padding: 1em;
+  justify-self: center;
 }
 aside > :nth-child(2) {
   position: sticky;
   top: 1em;
   right: 1em;
 }
+aside > *:not(:first-child) {
+  margin-top: 1em;
+}
 
 /*
 @media (max-width: 768px) {

diff --git a/src/components/basket/basket.css b/src/components/basket/basket.css
@@ -29,8 +29,7 @@ table {
   display: block;
   width: 0.5cm; /* Adjust as needed */
 }
-.upsellItemContainer {
-}
+
 .checkoutButton {
   background-color: rgb(255, 198, 94);
   border-radius: 8px;