Merge pull request #5 from SarcasticNastik/master

LELE
OSDG-IIITH · Jun 1, 2020 · 69f27b0 · 69f27b0
2 parents d37cca7 + da1a087
commit 69f27b0
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 19 deletions.
diff --git a/music_club_website_base_template/public/index.html b/music_club_website_base_template/public/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="viewport" content="width=device-width, user-scalable=no /">
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"

diff --git a/music_club_website_base_template/src/components/Home/Home.css b/music_club_website_base_template/src/components/Home/Home.css
@@ -24,10 +24,9 @@
 }
 
 .aboutTextDiv{
-
     transition: opacity 500ms ease-in-out , transform 500ms ease-in-out;
     position: relative;
-    font-size: 100%;
+    /* font-size: 100%; */
     padding-top: 0%;
 }
 
@@ -62,7 +61,7 @@
 
 .regBtn{
     position: absolute;
-    left:470px;
+    left:41.5%;
     top:-50px;
     transition: all 500ms ease-in-out;
 }
@@ -193,12 +192,6 @@
     text-align: center;
 }
 
-.regBtn{
-    position: absolute;
-    left:470px;
-    top:-50px;
-}
-
 /*MODAL CSS*/
 
 /* .form-dark .font-small {
@@ -317,8 +310,7 @@ form {
     resize: none;
   }
 
-  input,
-textarea {
+  input, textarea {
   background: none;
   color: #c6c6c6;
   font-size: 18px;
@@ -386,14 +378,9 @@ input[type="password"] {
 
  @media screen and (max-width:574px){
 
-
      #image{
-
          height: 400px; 
-
     } 
-
-
 
 } 
 
@@ -417,6 +404,18 @@ input[type="password"] {
         font-weight: 800;
         font-size: 80%;
     }
+
+    .aboutTextDiv{
+      transition: opacity 500ms ease-in-out , transform 500ms ease-in-out;
+      position: relative;
+      font-size: 80%;
+    }
+    .regBtn{
+      position: absolute;
+      left:38.5%;
+      top:-50px;
+      transition: all 500ms ease-in-out;
+    }
 }
 
 @media screen and (max-width:560px){
@@ -432,10 +431,27 @@ input[type="password"] {
         border-radius: 50%;
         height: 5px;
         width:5px;
-
     }
 
-
+    .aboutTextDiv{
+      transition: opacity 500ms ease-in-out , transform 500ms ease-in-out;
+      position: relative;
+      font-size: 80%;
+    }
+
+    .aboutHeadDiv{
+      position: relative;
+      font-size: 400%;
+      font-family: 'Courier New', Courier, monospace;
+      padding: 2vh 0em 0em 0em;
+
+  }
+    .regBtn{
+      position: absolute;
+      left:30%;
+      top:-50px;
+      transition: all 500ms ease-in-out;
+    }
 }
 
 @media screen and (max-width:480px){
@@ -447,6 +463,12 @@ input[type="password"] {
         top:320px;
     }
 
+    .aboutTextDiv{
+      transition: opacity 500ms ease-in-out , transform 500ms ease-in-out;
+      position: relative;
+      font-size: 80%;
+    }
+
     .eventTitle{
         font-size: 320%;
         color : var(--orangeText);
@@ -457,4 +479,18 @@ input[type="password"] {
         font-weight: 800;
         font-size: 60%;
     }
+
+    .aboutHeadDiv{
+      position: relative;
+      font-size: 300%;
+      font-family: 'Courier New', Courier, monospace;
+      padding: 2vh 0em 0em 0em;
+
+    }
+    .regBtn{
+      position: absolute;
+      left:25%;
+      top:-50px;
+      transition: all 500ms ease-in-out;
+    }
 }