fix: padding in stats

dscnitrourkela · Oct 28, 2024 · 86d7560 · 86d7560
1 parent 74a6f09
commit 86d7560
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/components/Statistics/card/card.jsx b/src/components/Statistics/card/card.jsx
@@ -5,13 +5,13 @@ import { Table } from 'flowbite-react';
 
 export const Card = () => {
   return (
-    <div className='p-4 flex justify-center items-center'>
+    <div className='flex items-center justify-center p-4'>
       <div
-        className='w-full max-w-7xl bg-black rounded-lg shadow-lg overflow-hidden'
+        className='w-full overflow-hidden bg-black rounded-lg shadow-lg max-w-7xl'
         style={{ boxShadow: '0px 4px 31px 0px rgba(255, 255, 255, 0.25)' }}
       >
         <div className='p-4 sm:p-6 md:p-8 lg:p-10'>
-          <h2 className='text-center font-orbitron font-semibold text-white text-lg sm:text-xl md:text-2xl lg:text-3xl mb-4 sm:mb-6 md:mb-8'>
+          <h2 className='mb-4 text-lg font-semibold text-center text-white font-orbitron sm:text-xl md:text-2xl lg:text-3xl sm:mb-6 md:mb-8'>
             Top Colleges Registered for Innovision
           </h2>
           <div className='overflow-x-auto'>
@@ -20,19 +20,19 @@ export const Card = () => {
                 {Topics.map((topic, index) => (
                   <Table.HeadCell
                     key={index}
-                    className='font-orbitron font-bold text-center text-xs sm:text-sm md:text-base lg:text-lg py-2 sm:py-3 border-b border-gray-700'
+                    className='py-2 text-xs font-bold text-center border-b border-gray-700 font-orbitron sm:text-sm md:text-base lg:text-lg sm:py-3'
                   >
                     {topic}
                   </Table.HeadCell>
                 ))}
               </Table.Head>
               <Table.Body className='divide-y divide-gray-700'>
                 {Info.map((item, i) => (
-                  <Table.Row className='hover:bg-gray-800 transition-all' key={i}>
-                    <Table.Cell className='font-montserrat text-white text-center font-medium text-xs sm:text-sm md:text-base py-2 sm:py-3'>
+                  <Table.Row className='transition-all hover:bg-gray-800' key={i}>
+                    <Table.Cell className='py-2 text-xs font-medium text-center text-white font-montserrat sm:text-sm md:text-base sm:py-6 2xs:py-5'>
                       {item.Rank}
                     </Table.Cell>
-                    <Table.Cell className='font-montserrat text-white text-center font-medium text-xs sm:text-sm md:text-base py-2 sm:py-3'>
+                    <Table.Cell className='py-2 text-xs font-medium text-center text-white font-montserrat sm:text-sm md:text-base sm:py-3'>
                       {item.college}
                     </Table.Cell>
                   </Table.Row>