From e113fa03e0a15f78bc29972a12d3ac53c1303cd1 Mon Sep 17 00:00:00 2001
From: e26chiu <e26chiu@csc.uwaterloo.ca>
Date: Wed, 9 Nov 2022 20:45:27 -0500
Subject: [PATCH] Make PieChart wrapper responsive

---
 pages/samplePage.module.css | 38 ++++++++++++++++++-------------------
 1 file changed, 18 insertions(+), 20 deletions(-)

diff --git a/pages/samplePage.module.css b/pages/samplePage.module.css
index 5dc5f06..f3761c2 100644
--- a/pages/samplePage.module.css
+++ b/pages/samplePage.module.css
@@ -4,26 +4,24 @@
   justify-content: center;
 }
 
-.header {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  padding: calc(40rem / 16) 0;
-  gap: calc(20rem / 16);
-}
-
-.title {
-  color: var(--primary-accent-light);
-  font-size: calc(70rem / 16);
-  margin: calc(40rem / 16) auto;
-}
-
-.subTitle {
-  color: var(--primary-accent-ligher);
-  font-size: calc(26rem / 16);
-  margin: auto;
-}
-
 .graphContainer {
   padding: 0 calc(70rem / 16);
+}
+
+@media screen and (max-width: 1200px) {
+  .graphContainer {
+    padding: 0 calc(40rem / 16);
+  }
+}
+
+@media screen and (max-width: 1100px) {
+  .graphContainer {
+    padding: 0 calc(20rem / 16);
+  }
+}
+
+@media screen and (max-width: 900px) {
+  .graphContainer {
+    padding: 0;
+  }
 }
\ No newline at end of file