feat: lesser ads on tankopedia

src/app/tools/tankopedia/[id]/components/Model/CharacteristicsSection.tsx

@@ -15,28 +15,18 @@ export function CharacteristicsSection() {
   return (
     <Flex
       mt={exempt ? '4' : '0'}
-      // align="center"
       px="4"
-      style={{
+      style={{ boxSizing: 'border-box' }}
-        boxSizing: 'border-box',
-      }}
       gap="6"
     >
       {!exempt && (
         <Flex
           direction="column"
           gap="4"
-          display={{
+          display={{ initial: 'none', lg: 'flex' }}
-            initial: 'none',
+          pt={{ initial: '9', md: '0' }}
-            lg: 'flex',
-          }}
-          pt={{
-            initial: '9',
-            md: '0',
-          }}
         >
           <Ad type={AdType.WideSkyscraperVerticalPurple} />
-          <Ad type={AdType.WideSkyscraperVerticalPurple} />
         </Flex>
       )}
 
@@ -44,10 +34,7 @@ export function CharacteristicsSection() {
         flexGrow="1"
         gap="6"
         justify="center"
-        direction={{
+        direction={{ initial: 'column', sm: 'row' }}
-          initial: 'column',
-          sm: 'row',
-        }}
       >
         <Flex direction="column" gap="4">
           <Heading>Configuration</Heading>
@@ -79,17 +66,10 @@ export function CharacteristicsSection() {
           direction="column"
           gap="4"
           height="100%"
-          display={{
+          display={{ initial: 'none', xs: 'flex' }}
-            initial: 'none',
+          pt={{ initial: '9', md: '0' }}
-            xs: 'flex',
-          }}
-          pt={{
-            initial: '9',
-            md: '0',
-          }}
         >
           <Ad type={AdType.WideSkyscraperVerticalPurple} />
-          <Ad type={AdType.WideSkyscraperVerticalPurple} />
         </Flex>
       )}
     </Flex>