align my icons to the center

skye8-tech · Aug 14, 2024 · 2db4ab1 · 2db4ab1
1 parent 8590e06
commit 2db4ab1
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/pages/event/components/EventDetailSection.jsx b/src/pages/event/components/EventDetailSection.jsx
@@ -90,16 +90,16 @@ const EventDetailSection = () => {
 
             <div className='flex mt-5 gap-52'>
             <div>
-            <i className="fa fa-calendar text-primary-color fa-2x "></i>
-            <p className='text-xl'>15 Feb 2024</p>
+            <i className="fa fa-calendar text-primary-color fa-2x flex justify-center items-center"></i>
+            <p className='text-xl mt-3'>15 Feb 2024</p>
             </div>
             <div>
-            <i className="fa fa-clock-o text-primary-color fa-2x"></i>
-            <p className='text-xl'>10:00AM - 04:00PM</p>
+            <i className="fa fa-clock-o text-primary-color fa-2x flex justify-center items-center"></i>
+            <p className='text-xl mt-3'>10:00AM - 04:00PM</p>
             </div>
             <div>
-            <i className="fa fa-map-marker text-primary-color  fa-2x" ></i>
-            <p className='text-xl'>Mitchell, 57301 USA</p>
+            <i className="fa fa-map-marker text-primary-color  fa-2x flex justify-center items-center" ></i>
+            <p className='text-xl mt-3'>Mitchell, 57301 USA</p>
             </div>
 
             </div>