responsive fix

src/app/home/DanakServices.tsx

@@ -64,11 +64,6 @@ const DanakServices: FC = () => {
                         isShort
                     />
                 </div>
-                <div className='xl:min-w-[30%] min-w-[70%] flex-1'>
-                    <ServiceItem
-                        isShort
-                    />
-                </div>
             </div>
         </div>
     )

src/components/BlogItem.tsx

@@ -3,7 +3,7 @@ import { FC } from 'react'
 
 const BlogItem: FC = () => {
     return (
-        <div className='flex-1 w-full min-h-[390px] bg-red-500 rounded-4xl overflow-hidden relative'>
+        <div className='flex-1 w-full min-h-[390px] rounded-4xl overflow-hidden relative'>
             <Image
                 src='https://picsum.photos/seed/picsum/200/300'
                 layout='fill'

src/components/ServiceItem.tsx

@@ -15,7 +15,7 @@ const ServiceItem: FC<Props> = (props) => {
                 </div>
             </div>
 
-            <h3 className='mt-6 xl:text-2xl font-bold'>
+            <h3 className='mt-6 font-bold'>
                 دی منو
             </h3>