fix: update image aspect ratios in carousel and category sections

2025-03-09 06:46:46 +07:00
parent 0b6327e2fb
commit ecd1900acc
4 changed files with 5 additions and 4 deletions
@@ -84,7 +84,7 @@ export const CarouselSection = (properties: TNews) => {
              >
                <div className="flex flex-col justify-between">
                  <img
-                    className="aspect-[5/4] max-h-[280px] w-full rounded-md object-cover"
+                    className="aspect-[174/100] max-h-[280px] w-full rounded-md object-cover sm:aspect-[5/4]"
                    src={featured}
                    alt={title}
                  />
@@ -46,7 +46,7 @@ export const CategorySection = (properties: TNews) => {
            >
              <img
                className={twMerge(
-                  'aspect-[5/4] w-full rounded-md object-cover',
+                  'aspect-[174/100] w-full rounded-md object-cover sm:aspect-[5/4]',
                )}
                src={featured}
                alt={title}