diff --git a/src/components/customerCases/customerCase/featuredCases/FeaturedCases.tsx b/src/components/customerCases/customerCase/featuredCases/FeaturedCases.tsx index c4eb01f92..ef47c8688 100644 --- a/src/components/customerCases/customerCase/featuredCases/FeaturedCases.tsx +++ b/src/components/customerCases/customerCase/featuredCases/FeaturedCases.tsx @@ -21,7 +21,7 @@ export default function FeaturedCases({ return ( featuredCases.length > 0 && (
- {t("featured_cases.projects")} + {t("featured_cases.projects")}
{featuredCases.map((featuredCase) => (
- {featuredCase.basicTitle} - {featuredCase.description} +
+ {featuredCase.basicTitle} + {featuredCase.description} +
))}
diff --git a/src/components/customerCases/customerCase/featuredCases/featuredCases.module.css b/src/components/customerCases/customerCase/featuredCases/featuredCases.module.css index 2e43ef615..f02709ecf 100644 --- a/src/components/customerCases/customerCase/featuredCases/featuredCases.module.css +++ b/src/components/customerCases/customerCase/featuredCases/featuredCases.module.css @@ -1,7 +1,7 @@ .wrapper { display: flex; flex-direction: column; - gap: var(--padding-s); + gap: var(--padding-rem); margin: 4rem auto; width: 100%; max-width: var(--max-content-width-medium); @@ -28,11 +28,19 @@ } .caseImageWrapper img { - border-radius: 1.5rem; + border-radius: 0.375rem; transition: all 0.3s ease; + opacity: 0.8; width: 100%; &:hover { - border-radius: 0.375rem; + opacity: 1; + border-radius: 1.5rem; } } + +.textContent { + display: flex; + flex-direction: column; + gap: 0.25rem; +} diff --git a/src/components/customerCases/customerCase/sections/customerCaseConsultants/CustomerCaseConsultants.tsx b/src/components/customerCases/customerCase/sections/customerCaseConsultants/CustomerCaseConsultants.tsx index 980150d1a..0970b56c7 100644 --- a/src/components/customerCases/customerCase/sections/customerCaseConsultants/CustomerCaseConsultants.tsx +++ b/src/components/customerCases/customerCase/sections/customerCaseConsultants/CustomerCaseConsultants.tsx @@ -29,7 +29,7 @@ export default async function CustomerCaseConsultants({ return (
- {t("in_project")} + {t("in_project")}
{consultants.map((consultant) => (