respnsive pages

2024-08-19 21:48:15 +03:30
parent 8a53f60d7e
commit 381b0a9eea
20 changed files with 145 additions and 96 deletions
@@ -8,9 +8,9 @@ function List() {
        <div className='bg-[#FAFAFA]'>
            <div className='flex items-center justify-center gap-[12px] pt-[24px] mb-[40px]'>
                <MenuS />
-                <p className='text-[#3B3B3B] text-[24px] font-bold'>لیست تخصص ها</p>
+                <p className='text-[#3B3B3B] text-[16px] sm:text-[19px] md:text-[22px] lg:text-[24px] font-bold'>لیست تخصص ها</p>
            </div>
-            <ul className="padding-responsive grid grid-cols-6 gap-x-[24px] gap-y-[40px]">
+            <ul className="padding-responsive grid grid-cols-2 sm:grid-cols-3 mg:grid-cols-4 lg:grid-cols-6 gap-x-[24px] gap-y-[40px]">
                {specialties.map(speciality => (
                    <ItemSpecialties
                        data={speciality}