blog resposive

2025-04-12 16:26:52 +03:30
parent 78ad7d9827
commit a2f4f782cc
3 changed files with 10 additions and 10 deletions
@@ -11,21 +11,21 @@ const HeroSection: FC = () => {
                    alt='banner'
                    width={1920}
                    height={1080}
-                    className='w-full  object-cover xl:mt-14 mt-8 min-h-[210px]'
+                    className='w-full rounded-4xl object-cover xl:mt-14 mt-8 xl:min-h-[210px] min-h-[350px]'
                />

                <div className='absolute bottom-0 h-[140px] modalGlass3 w-full p-6 text-white'>
-                    <h4 className='font-bold'>
+                    <h4 className='font-bold xl:text-base text-sm'>
                        سفارش نرم‌افزار اختصاصی: سرمایه‌ای برای آینده یا فقط هزینه‌ای برای امروز؟
                    </h4>

-                    <p className='text-sm mt-4 leading-7'>
+                    <p className="text-xs xl:text-sm mt-4 leading-7 truncate xl:text-clip xl:whitespace-normal">
                        لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه...لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه...
                    </p>
                </div>
            </div>

-            <div className='flex gap-8 mt-10'>
+            <div className='flex xl:flex-row flex-col gap-8 mt-10'>
                <BlogItem />
                <BlogItem />
                <BlogItem />