make the blocks the same width and length

about.html

@@ -96,33 +96,32 @@
                 <h2 class="text-4xl font-bold text-center mb-16 font-['Bebas+Neue'] tracking-wider">
                     <span class="text-yellow-500">OUR</span> <span class="text-white">CORE</span> <span class="text-red-500">VALUES</span>
                 </h2>
-                
                 <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                     <!-- Value 1 -->
-                    <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 value-card">
+                    <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 value-card h-full flex flex-col">
                         <div class="w-16 h-16 bg-yellow-500 rounded-full flex items-center justify-center mb-6 mx-auto">
                             <i data-feather="target" class="text-black text-2xl"></i>
                         </div>
                         <h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">Excellence</h3>
-                        <p class="text-gray-300 text-center">
+                        <p class="text-gray-300 text-center flex-grow">
                             We strive for excellence in everything we do, from our technology to our customer support.
                         </p>
                     </div>
                     
                     <!-- Value 2 -->
-                    <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-red-500 value-card">
+                    <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-red-500 value-card h-full flex flex-col">
                         <div class="w-16 h-16 bg-red-500 rounded-full flex items-center justify-center mb-6 mx-auto">
                             <i data-feather="heart" class="text-black text-2xl"></i>
                         </div>
                         <h3 class="text-2xl font-bold text-center mb-4 text-red-500">Empathy</h3>
-                        <p class="text-gray-300 text-center">
+                        <p class="text-gray-300 text-center flex-grow">
                             We understand our users' challenges and design solutions that truly meet their needs.
                         </p>
                     </div>
                     
                     <!-- Value 3 -->
-                    <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 value-card">
-                        <div class="w-16 h-16 bg-yellow-500 rounded-full flex items-center justify-center mb-6 mx-auto">
+                    <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 value-card h-full flex flex-col">
+<div class="w-16 h-16 bg-yellow-500 rounded-full flex items-center justify-center mb-6 mx-auto">
                             <i data-feather="zap" class="text-black text-2xl"></i>
                         </div>
                         <h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">Innovation</h3>

index.html

@@ -255,33 +255,32 @@ Get Started
             <h2 class="text-4xl font-bold text-center mb-16 font-['Bebas+Neue'] tracking-wider">
                 <span class="text-yellow-500">TRAIN</span> <span class="text-red-500">YOUR</span> <span class="text-white">MIND</span>
             </h2>
-            
-            <div class="grid grid-cols-1 md:grid-cols-3 gap-12">
-                <!-- Feature 1 -->
-                <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 transform hover:scale-105 transition">
-                    <div class="w-16 h-16 bg-yellow-500 rounded-full flex items-center justify-center mb-6 mx-auto">
-                        <i data-feather="eye" class="text-black text-2xl"></i>
+                <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                    <!-- Feature 1 -->
+                    <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 transform hover:scale-105 transition h-full flex flex-col">
+                        <div class="w-16 h-16 bg-yellow-500 rounded-full flex items-center justify-center mb-6 mx-auto">
+                            <i data-feather="eye" class="text-black text-2xl"></i>
+                        </div>
+                        <h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">VR Scenarios</h3>
+                        <p class="text-gray-300 text-center flex-grow">
+                            Immersive virtual reality puts you in high-pressure situations before the big moment. Practice speeches, game-winning shots, or important interviews.
+                        </p>
                     </div>
-                    <h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">VR Scenarios</h3>
-                    <p class="text-gray-300 text-center">
-                        Immersive virtual reality puts you in high-pressure situations before the big moment. Practice speeches, game-winning shots, or important interviews.
-                    </p>
-                </div>
-                
-                <!-- Feature 2 -->
-                <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-red-500 transform hover:scale-105 transition">
-                    <div class="w-16 h-16 bg-red-500 rounded-full flex items-center justify-center mb-6 mx-auto">
-                        <i data-feather="layers" class="text-black text-2xl"></i>
+                    
+                    <!-- Feature 2 -->
+                    <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-red-500 transform hover:scale-105 transition h-full flex flex-col">
+                        <div class="w-16 h-16 bg-red-500 rounded-full flex items-center justify-center mb-6 mx-auto">
+                            <i data-feather="layers" class="text-black text-2xl"></i>
+                        </div>
+                        <h3 class="text-2xl font-bold text-center mb-4 text-red-500">AR Training</h3>
+                        <p class="text-gray-300 text-center flex-grow">
+                            Augmented reality overlays provide real-time feedback on posture, breathing, and movement during your practice sessions.
+                        </p>
                     </div>
-                    <h3 class="text-2xl font-bold text-center mb-4 text-red-500">AR Training</h3>
-                    <p class="text-gray-300 text-center">
-                        Augmented reality overlays provide real-time feedback on posture, breathing, and movement during your practice sessions.
-                    </p>
-                </div>
-                
-                <!-- Feature 3 -->
-                <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 transform hover:scale-105 transition">
-                    <div class="w-16 h-16 bg-yellow-500 rounded-full flex items-center justify-center mb-6 mx-auto">
+                    
+                    <!-- Feature 3 -->
+                    <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 transform hover:scale-105 transition h-full flex flex-col">
+<div class="w-16 h-16 bg-yellow-500 rounded-full flex items-center justify-center mb-6 mx-auto">
                         <i data-feather="activity" class="text-black text-2xl"></i>
                     </div>
                     <h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">Biometrics</h3>

results.html

@@ -175,21 +175,20 @@
                 <h2 class="text-3xl font-bold mb-6 font-['Bebas+Neue'] tracking-wider">
                     <span class="text-yellow-500">PAST</span> <span class="text-white">COMPETITIONS</span>
                 </h2>
-                
                 <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-                    <div class="bg-gray-900 hover:bg-gray-800 rounded-lg border border-gray-800 p-4 transition cursor-pointer">
+                    <div class="bg-gray-900 hover:bg-gray-800 rounded-lg border border-gray-800 p-4 transition cursor-pointer h-full">
                         <h3 class="font-bold text-yellow-500">March 2025</h3>
                         <p class="text-gray-300 text-sm">VR Focus Challenge</p>
                     </div>
-                    <div class="bg-gray-900 hover:bg-gray-800 rounded-lg border border-gray-800 p-4 transition cursor-pointer">
+                    <div class="bg-gray-900 hover:bg-gray-800 rounded-lg border border-gray-800 p-4 transition cursor-pointer h-full">
                         <h3 class="font-bold">February 2025</h3>
                         <p class="text-gray-300 text-sm">Pressure Simulation</p>
                     </div>
-                    <div class="bg-gray-900 hover:bg-gray-800 rounded-lg border border-gray-800 p-4 transition cursor-pointer">
+                    <div class="bg-gray-900 hover:bg-gray-800 rounded-lg border border-gray-800 p-4 transition cursor-pointer h-full">
                         <h3 class="font-bold">January 2025</h3>
                         <p class="text-gray-300 text-sm">Mindset Marathon</p>
                     </div>
-                </div>
+</div>
             </div>
 
             <!-- Competition Stats -->