Merge pull request #1775 from Ashutoshbind15/bug/responsive-meditations

add responsiveness to the meditations app

Author: TusharKesarwani

Projects/Breathe Meditation/style.css

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
+@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");
 
 * {
   box-sizing: border-box;
@@ -7,7 +7,7 @@
 body {
   background: #111111;
   color: #fff;
-  font-family: 'Montserrat', sans-serif;
+  font-family: "Montserrat", sans-serif;
   min-height: 90vh;
   overflow: hidden;
   display: flex;
@@ -27,7 +27,7 @@ body {
   transform: scale(1);
 }
 
-h1{
+h1 {
   margin-top: 50px;
   font-size: 40px;
 }
@@ -115,4 +115,28 @@ h1{
   to {
     transform: scale(1);
   }
-}
+}
+
+@media (max-width: 678px) {
+  .pointer-container {
+    top: -42px;
+    left: 64px;
+    width: 20px;
+    height: 118px;
+  }
+
+  .container {
+    height: 150px;
+    width: 150px;
+  }
+
+  .gradient-circle {
+    height: 170px;
+    width: 170px;
+  }
+
+  .pointer {
+    height: 15px;
+    width: 15px;
+  }
+}