other bowrser center problem fixed

2025-11-02 21:47:32 +08:00
parent 144a362a16
commit c9931d670e
8 changed files with 53 additions and 45 deletions
--- a/src/components/new_ui/oilInfo.tsx
+++ b/src/components/new_ui/oilInfo.tsx
@@ -18,7 +18,6 @@ function OilInfo() {
            bgColor="#FFFBD3"
            zIndex={3}
            overflow="hidden"
-            justifyItems={'center'}
            initial={{ opacity: 0 }}
            animate={isMainInView ? { opacity: 1 } : { opacity: 0 }}
            transition={{ duration: 0.8, ease: "easeOut" }}
@@ -30,6 +29,7 @@ function OilInfo() {
                w={{ base: '100%', sm: '100%', md: '100%', lg: '70%', xl: '60%' }}
                h={'auto'}
                gap={{ base: 10, md: 0 }}
+                mx="auto"
                justifyItems={'center'}
                alignItems={'center'}
                initial={{ opacity: 0, y: 50 }}