From b311ec03d41b8a981cea8bd1236824eba63c4093 Mon Sep 17 00:00:00 2001
From: Codder12346768 <dharmip060@gmail.com>
Date: Thu, 31 Aug 2023 01:22:43 +0530
Subject: [PATCH] Resolved Build Errors

---
 Components/About.js       |  2 +-
 Components/HeroSection.js |  2 +-
 pages/Photos.js           | 12 ++++----
 styles/Photos.module.css  | 59 ++++++++++++++++++++++++++++++++++-----
 4 files changed, 61 insertions(+), 14 deletions(-)

diff --git a/Components/About.js b/Components/About.js
index cd8bb4e..ea576c7 100644
--- a/Components/About.js
+++ b/Components/About.js
@@ -9,7 +9,7 @@ export const About = () => {
         <section>
           <p>Encode is an inclusive technical community that goes beyond conventional tech promotion, 
             embracing individuals eager to explore the realms of computer science and emerging technologies. 
-            It's a supportive space where curiosity, knowledge sharing, and innovation are celebrated, 
+            It&apos;s a supportive space where curiosity, knowledge sharing, and innovation are celebrated, 
             fostering the growth of both technology and its passionate enthusiasts.
           </p>
           <div className={styles.links}>
diff --git a/Components/HeroSection.js b/Components/HeroSection.js
index 8d58864..f39c873 100644
--- a/Components/HeroSection.js
+++ b/Components/HeroSection.js
@@ -43,7 +43,7 @@ const HeroSection = () => {
                     <div className={styles.hero_upper_content}>
                         <section className={styles.inner_flex}>
                             <h1>
-                                Curious Mind&apos;s <br /> boundless opportunities
+                                Curious Minds build <br /> boundless opportunities
                             </h1>
                             <section className={styles.event_button}>
                                 <Link href="#tagline">Our Events
diff --git a/pages/Photos.js b/pages/Photos.js
index cd66324..934a005 100644
--- a/pages/Photos.js
+++ b/pages/Photos.js
@@ -29,19 +29,20 @@ const Photos = () => {
                 </div>
 
             </div>
-            <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />  <br />
+            <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /><br /> <br /><br /> <br />
             <div className={styles.grid_wrapper}>
                 <div className={styles.tall}>
                     <img src="/Images/img6.jpeg" alt="team" className={styles.tall_image} />
                 </div>
                 <div>
-                    <img src="/Images/img7.jpeg" alt="team" className={styles.image} />
+                    <img src="/Images/img7.jpeg" alt="team" className={styles.image2} />
                 </div>
                 <div className={styles.tall}>
-                    <img src="/Images/img8.jpeg" alt="team" className={styles.image} />
+                    <img src="/Images/img8.jpeg" alt="team" className={styles.image2} />
                 </div>
 
             </div>
+            <br /> <br /><br /> <br /><br /> <br /><br /> <br />
             <div className={styles.grid_wrapper}>
                 <div className={styles.wide}>
                     <img src="/Images/img9.png" alt="team" className={styles.wide_image} />
@@ -80,7 +81,7 @@ const Photos = () => {
             <br /> <br /><br /> <br /><br /> <br /><br /> <br /><br /> <br />
             <div id="event 2" className={styles.event_container}>
                 <p className={styles.event_name}>CODEWAR</p>
-                <p className={styles.event_desc}>Codewar 2023, Encode's premier event for the Tesseract community, concluded as a remarkable journey into competitive programming. Spanning a dynamic 3-hour coding marathon, participants showcased their problem-solving skills and coding finesse. Challenges emphasized both coding acumen and quick thinking. Codewar 2023 exemplified growth and the thrill of pressure situations, celebrating dedication to coding. As Codewar's virtual battlefield closed, it reiterated that each keystroke, algorithm, and strategy shapes coding excellence's future. Until the next edition, keep coding, pushing boundaries, and evolving in this dynamic technological landscape.</p>
+                <p className={styles.event_desc}>Codewar 2023, Encode&apos;s premier event for the Tesseract community, concluded as a remarkable journey into competitive programming. Spanning a dynamic 3-hour coding marathon, participants showcased their problem-solving skills and coding finesse. Challenges emphasized both coding acumen and quick thinking. Codewar 2023 exemplified growth and the thrill of pressure situations, celebrating dedication to coding. As Codewar&apos;s virtual battlefield closed, it reiterated that each keystroke, algorithm, and strategy shapes coding excellence&apos;s future. Until the next edition, keep coding, pushing boundaries, and evolving in this dynamic technological landscape.</p>
                 <div className={styles.grid_wrapper}>
                     <div className={styles.tall}>
                         <img src="/Images/img20.jpg" alt="team" className={styles.image} />
@@ -105,7 +106,7 @@ const Photos = () => {
             <br /> <br /><br /> <br /><br /> <br /><br /> <br /><br /> <br />
             <div id="event 1" className={styles.event_container}>
                 <p className={styles.event_name}>IDEATHON</p>
-                <p className={styles.event_desc}> Space exploration had sparked a multitude of inquiries demanding innovative resolutions. Challenges encompassing the management of space debris, the redefinition of launch techniques for practicality, and the safeguarding of astronauts against cosmic radiations had stirred interest and curiosity. ENCODE had extended an invitation to enthusiasts to rise to the occasion and become integral to the solutions through their dynamic event, IDEATHON. This platform functioned as a catalyst for inventive concepts. Teams had been assembled, thoughts had been pooled, and brainstorming sessions had delved profoundly into the core of space-related predicaments. Participants had seized the opportunity to contribute to the constantly evolving realm of space exploration while potentially garnering acknowledgment for their imaginative pursuits. The stage had been set to mold the future, and participants had engaged in ENCODE's IDEATHON, allowing their innovations to radiate brilliantly.</p>
+                <p className={styles.event_desc}> Space exploration had sparked a multitude of inquiries demanding innovative resolutions. Challenges encompassing the management of space debris, the redefinition of launch techniques for practicality, and the safeguarding of astronauts against cosmic radiations had stirred interest and curiosity. ENCODE had extended an invitation to enthusiasts to rise to the occasion and become integral to the solutions through their dynamic event, IDEATHON. This platform functioned as a catalyst for inventive concepts. Teams had been assembled, thoughts had been pooled, and brainstorming sessions had delved profoundly into the core of space-related predicaments. Participants had seized the opportunity to contribute to the constantly evolving realm of space exploration while potentially garnering acknowledgment for their imaginative pursuits. The stage had been set to mold the future, and participants had engaged in ENCODE&apos;s IDEATHON, allowing their innovations to radiate brilliantly.</p>
                 <div className={styles.grid_wrapper}>
                     <div className={styles.tall}>
                         <img src="/Images/img25.jpg" alt="team" className={styles.image} />
@@ -120,6 +121,7 @@ const Photos = () => {
 
                 </div>
             </div>
+            <p className={styles.end_line}>Stay Tuned for Upcoming Events</p>
         </div>
     );
 }
diff --git a/styles/Photos.module.css b/styles/Photos.module.css
index 5c35b13..e419c15 100644
--- a/styles/Photos.module.css
+++ b/styles/Photos.module.css
@@ -43,10 +43,10 @@
 }
 
 .image2{
-    width: 600px;
-	height: 500px;
+    width: 400px;
+	height: 525px;
 	border-radius: 2px;
-    padding: 4px;
+    
     
 }
 .image{
@@ -54,13 +54,14 @@
 	height: 300px;
 	border-radius: 5px;
     padding: 4px;
+    
 }
-.image3{
+/* .image3{
     width: 500px;
 	height: 500px;
 	border-radius: 2px;
-    padding: 4px;
-} 
+    
+}  */
 .grid_wrapper {
 	display: grid;
 	grid-gap: 10px;
@@ -97,10 +98,54 @@
 
 .wide_image{
     width:600px;
-    height: 400px
+    height: 400px;
 }
 
 .tall_image{
     width: 400px;
     height:auto;
 }
+
+.end_line{
+    text-align: center;
+    justify-content: center;
+
+}
+
+
+/* Simplified media query for larger screens */
+@media (min-width: 530px) {
+    .grid_wrapper {
+        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+        grid-auto-rows: 15vw; /* Use relative unit */
+        grid-auto-flow: dense;
+    }
+
+    .wide_image {
+        width: 100%;
+        height: auto;
+        max-width: 600px; /* Limit maximum width for larger screens */
+    }
+
+    .tall_image {
+        width: 100%;
+        height: auto;
+    }
+
+    .text {
+        font-size: 4vw; /* Use relative unit for font size */
+        margin-top: 2vw;
+    }
+
+    .event_name {
+        font-size: 3vw; /* Use relative unit for font size */
+        margin-top: 2.5vw;
+    }
+
+    .event_desc {
+        font-size: 2vw; /* Use relative unit for font size */
+        margin-top: 1vw;
+        margin-bottom: 1vw;
+        margin-left: 2vw;
+    }
+}