about2.2

SaiShankar93 · Feb 29, 2024 · c3345ff · c3345ff
1 parent 79846e8
commit c3345ff
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 17 deletions.
diff --git a/src/components/Date.jsx b/src/components/Date.jsx
@@ -5,7 +5,7 @@ function Date(props){
             <h1 className="date_title">
                 {props.day} <sup>{props.subtxt}</sup>
             </h1>
-            <h2 className="month_title">{props.month}</h2>
+            <h2 className="month_title ">{props.month}</h2>
     </div>
 )
 }

diff --git a/src/styles/App.css b/src/styles/App.css
@@ -19,7 +19,7 @@
 .venue{
   font-style: normal;
   font-weight: 700;
-  font-size: 5rem;
+  font-size: 4rem;
 }
 .title {
   /* font-family: var(--title); */
@@ -82,7 +82,7 @@
       font-size: 5rem;
   }
   .venue{
-    font-size: 4rem;
+    font-size: 3rem;
   }
   .title > span {
       font-size: 5rem;
@@ -96,7 +96,7 @@
       font-size: 4rem;
   }
   .venue{
-    font-size: 3rem;
+    font-size: 2.5rem;
   }
   .title > span {
       font-size: 4rem;
@@ -119,7 +119,7 @@
       font-size: 3rem;
   }
   .venue{
-    font-size: 2rem;
+    font-size: 1.7rem;
   }
   .title > span {
       font-size: 3rem;

diff --git a/src/styles/Date.css b/src/styles/Date.css
@@ -9,16 +9,16 @@
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     font-style: normal;
     font-weight: 1500;
-    font-size: 7rem;
+    font-size: 6rem;
     text-shadow: -1.5px -1.5px 0 var(--black), 1.5px -1.5px 0 var(--black),
         -1.5px 1.5px 0 var(--black), 1.5px 1.5px 0 var(--black);
     color: #ffefe2;
-    margin-bottom: 0.5rem; /* Add margin bottom to separate from the sup element */
+    /* margin-bottom: 0.5rem; Add margin bottom to separate from the sup element */
   }
 
   .date_title > sup {
     font-weight: 500;
-    font-size: 3rem;
+    font-size: 2.5rem;
     vertical-align: super;
     margin-left: -5%;
     text-shadow: none;
@@ -27,35 +27,35 @@
   .month_title {
     /* font-family: var(--subtext); */
     margin-top: -5%;
-    font-size: 4rem;
+    font-size: 3rem;
     font-weight: 500;
     color: #fff; /* Change color to white */
   }
 
 
   @media screen and (max-width: 1050px) {
     .date_title {
-      font-size: 5rem;
-      color: #fff3e9;
+      font-size: 4.5rem;
+      /* color: #fff3e9; */
   }
   .month_title {
-    font-size: 3rem;
+    font-size: 2.5rem;
   }
   .date_title > sup {
-      font-size: 3rem;
+      font-size: 2rem;
   }
 
   } 
 @media screen and (max-width: 800px) {
     .date_title {
-        font-size: 4.5rem;
+        font-size: 4rem;
         color: #fff3e9;
     }
     .month_title {
-      font-size: 2.5rem;
+      font-size: 2rem;
     }
     .date_title > sup {
-        font-size: 2.5rem;
+        font-size: 1.7rem;
 }
 }
 
@@ -74,7 +74,7 @@
 
 @media screen and (max-width: 290px) {
   .date_title {
-    font-size: 1.5rem;
+    font-size: 2rem;
   }
   .date_title > sup {
     font-size: 1rem;