fixed text in mobile view

IEEE-RVCE · Jul 18, 2024 · ec91233 · ec91233
1 parent 888053b
commit ec91233
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 33 deletions.
diff --git a/data/finance_chairs.ts b/data/finance_chairs.ts
@@ -11,13 +11,13 @@
   },
     {
       name:'Mrs. Shyamala S',
-      post:' Senior Manager-Finance, Accounts Section, RVCE',
+      post:' Senior Manager',
       imgLink:'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRt_NZykul07nU3cliFuRZQr4_q-gOdkRTmRA&s',
     },
     {
       name: ' Mr. Ravi Varma R B',
       post: 'System Administrator',
-      imgLink:'/ravi-varma.jpg',
+      imgLink:'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRt_NZykul07nU3cliFuRZQr4_q-gOdkRTmRA&s',
     },
 
 ]

diff --git a/pages/sponsorship.tsx b/pages/sponsorship.tsx
@@ -347,38 +347,37 @@ const Sponsorship: React.FC = () => {
           position: 'relative',
         }}
       >
-        <div
-          style={{
-            position: 'relative', // Position it relative to the section
-            width: '100%', // Take up the full width
-            display: 'flex',
-            justifyContent: 'center',
-            flexWrap: 'wrap',
-            background: `url(https://img.freepik.com/free-photo/abstract-luxury-soft-red-background-christmas-valentines-layout-design-web-template-business-report-with-smooth-circle-gradient-color_1258-54733.jpg)`,
-            // background: "linear-gradient(to right, #ff0000, #800000)",
-            minHeight: '90px',
-            backgroundSize: 'cover',
-            backgroundRepeat: 'no-repeat',
-            padding: '10px',
-          }}
-        >
-          <p
-            style={{
-              // position: "a", // Position it absolutely within the container
-              // top: "2.7%", // Vertically center
-              // left: "50%", // Horizontally center
-              // transform: "translate(-50%, -50%)", // Center both horizontally and vertically
+       <div
+  style={{
+    position: 'relative', 
+    width: '70%', 
+    margin:'0 auto',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    background: `url(https://img.freepik.com/free-photo/abstract-luxury-soft-red-background-christmas-valentines-layout-design-web-template-business-report-with-smooth-circle-gradient-color_1258-54733.jpg)`,
+    minHeight: '90px',
+    backgroundSize: 'cover',
+    backgroundRepeat: 'no-repeat',
+    padding: '10px',
+    textAlign: 'center', 
+  }}
+>
+  <p
+    style={{
+      fontSize: '1.8rem', 
+      fontWeight: 'bold',
+      color: 'white', 
+      margin: 0, 
+      padding: '0 10px', 
+      maxWidth: '90%', 
+      wordWrap: 'break-word', 
+    }}
+  >
+    Special thanks to Sponsors of CSITSS-2023
+  </p>
+</div>
 
-              alignItems: 'center',
-              fontSize: '3rem',
-              fontWeight: 'bold',
-              color: 'white', // Text color
-              margin: 0, // Remove default margin
-            }}
-          >
-            Special thanks to Sponsors of CSITSS-2023
-          </p>
-        </div>
 
         {sponsorGroups}
       </section>