From afb8bee1ea307bed08fd59c82ee50536791641f5 Mon Sep 17 00:00:00 2001 From: Padmaja <52911293+padms@users.noreply.github.com> Date: Tue, 10 Dec 2024 13:57:40 +0530 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Fix=20styles=20for=20mobile=20#2?= =?UTF-8?q?701?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/sections/AnchorLinkList/AnchorLinkList.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/web/sections/AnchorLinkList/AnchorLinkList.tsx b/web/sections/AnchorLinkList/AnchorLinkList.tsx index d2b02e28f..3b5a4d5dd 100644 --- a/web/sections/AnchorLinkList/AnchorLinkList.tsx +++ b/web/sections/AnchorLinkList/AnchorLinkList.tsx @@ -17,7 +17,7 @@ const AnchorLinkList = forwardRef(function Anc const { title, anchorList = [], columns } = data const getFlow = () => { - const commonGridStyling = 'grid auto-fill-fr lg:place-items-start' + const commonGridStyling = 'grid lg:place-items-start grid-cols-3' switch (columns) { case '3': return `${commonGridStyling} lg:grid-cols-3` @@ -29,7 +29,7 @@ const AnchorLinkList = forwardRef(function Anc return `${commonGridStyling} lg:grid-cols-6` default: case 'flex': - return 'grid auto-fill-fr justify-start' + return 'grid grid-cols-[repeat(auto-fill,minmax(150px,1fr))] justify-start' } } return (