Mudanças no tecnoligic card

KaiqueNoronha · KaiqueNoronha · commit a4ff1ac461fa · 2024-11-14T23:34:31.000-03:00
diff --git a/src/components/TechnologyBanner/styles.tsx b/src/components/TechnologyBanner/styles.tsx
@@ -46,7 +46,7 @@ export const LearnAboutText = styled(Header1)<LearnAboutTextProps>`
   text-align: center;
   color: ${({ color, theme }) => (color === 'green' ? theme.colors.mainGreen : theme.colors.white)};
   @media (${Styles.devices.mobileL}) {
-    font-size: 1.35rem;
+    font-size: 2.0rem;
     width: 100%;
   }
 `;
@@ -71,7 +71,7 @@ export const MoreTechnologiesText = styled(Subtitle)`
   font-size: 1.5rem;
 
   @media (${Styles.devices.mobileL}) {
-    font-size: 1rem;  }
+    font-size: 1.2rem;  }
 `;
 
 export const ContainerTechnology = styled.div`
diff --git a/src/components/TechnologyBanner/technology-banner.tsx b/src/components/TechnologyBanner/technology-banner.tsx
@@ -56,7 +56,7 @@ export const TechnologyBanner = ({ id }: TechnologyContainerProps) => {
            alt='React logo'
            src={reactLogo}
           ></StyledImage>
-          <MainTitleTechnology>React</MainTitleTechnology>
+          <MainTitleTechnology></MainTitleTechnology>
           <TechnologyDescription>{t('technology.subtitleFrontEnd')}</TechnologyDescription>
           <OthersFrameworksText>{t('technology.therFrameworks')}</OthersFrameworksText>
           <UnorderedListTecnology>
@@ -70,11 +70,11 @@ export const TechnologyBanner = ({ id }: TechnologyContainerProps) => {
 
         <CardTechnology>
           <TitleCardTechnology>Back-end</TitleCardTechnology>
-          <Image
+          <StyledImage
             alt='C# logo'
             src={cSharpLogo}
           />
-          <MainTitleTechnology>C#</MainTitleTechnology>
+          <MainTitleTechnology></MainTitleTechnology>
           <TechnologyDescription>{t('technology.subtitleBackEnd')}</TechnologyDescription>
           <OthersFrameworksText>{t('technology.therFrameworks')}</OthersFrameworksText>
           <UnorderedListTecnology>
@@ -88,11 +88,11 @@ export const TechnologyBanner = ({ id }: TechnologyContainerProps) => {
 
         <CardTechnology>
           <TitleCardTechnology>Infraestrutura</TitleCardTechnology>
-          <Image
+          <StyledImage
             alt='Azure logo'
             src={azureLogo}
           />
-          <MainTitleTechnology>Azure</MainTitleTechnology>
+          <MainTitleTechnology></MainTitleTechnology>
           <TechnologyDescription>{t('technology.subtitleInfra')}</TechnologyDescription>
           <OthersFrameworksText>{t('technology.therFrameworks')}</OthersFrameworksText>
           <UnorderedListTecnology>
