fix margin on mobile

Author: divine-comedian

components/NFTCard.tsx

@@ -183,7 +183,7 @@ export const NFTCard: React.FC<NFTCardProps> = ({
   }, [paymentTokenSymbol])
   return (
     <div
-      className={`shadow-2xl container bg-gray-400/30 dark:bg-gray-700/30 rounded-lg border-grey-600 transition-max-height duration-200 ease-in-out ${
+      className={`mx-auto shadow-2xl container bg-gray-400/30 dark:bg-gray-700/30 rounded-lg border-grey-600 transition-max-height duration-200 ease-in-out ${
         toggleText ? 'max-h-[770px]' : 'max-h-[620px]'
       }`}
     >

pages/store.tsx

@@ -377,7 +377,7 @@ const Store = () => {
               </>
             )}
             {nftData && nftData.length !== 0 && isAccountConnected ? (
-              <div className="flex-initial grid xl:grid-cols-2 grid-cols-1 gap-2 gap-x-6 sm:max-w-[50%] xl:max-w-[66%] ">
+              <div className="grid xl:grid-cols-2 grid-cols-1 gap-2 lg:gap-x-6 sm:max-w-[50%]  xl:max-w-[66%] ">
                {Array.from({ length: nftData.length }).map((_, i) => (
                 // console.log('nft data', nftData[i], i),
                   <NFTCard