From a9ca4b34825a8028704a30e5aff1acd70f25a7bb Mon Sep 17 00:00:00 2001
From: Roland Schneider <rschneider@ucs.at>
Date: Wed, 27 Aug 2025 15:34:46 +0200
Subject: [PATCH] [yoga-23] achievements.item.component.tsx : center items

---
 .../src/components/achievements.item.component.module.css   | 4 ++++
 yoga-app/src/components/achievements.item.component.tsx     | 6 +++++-
 2 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 yoga-app/src/components/achievements.item.component.module.css

diff --git a/yoga-app/src/components/achievements.item.component.module.css b/yoga-app/src/components/achievements.item.component.module.css
new file mode 100644
index 0000000..88e9c12
--- /dev/null
+++ b/yoga-app/src/components/achievements.item.component.module.css
@@ -0,0 +1,4 @@
+
+.textCenter{
+    text-align: center;
+}
\ No newline at end of file
diff --git a/yoga-app/src/components/achievements.item.component.tsx b/yoga-app/src/components/achievements.item.component.tsx
index 9282d06..927530d 100644
--- a/yoga-app/src/components/achievements.item.component.tsx
+++ b/yoga-app/src/components/achievements.item.component.tsx
@@ -3,6 +3,10 @@ import {YogaAchivement_Plain} from "@/types/generated-strapi-interfaces/api/yoga
 import {StrapiFile} from "@/types/types";
 import strapiApi from "@/api/strapi/strapi-api";
 
+import styles from './achievements.item.component.module.css';
+import clsx from "clsx";
+
+
 export interface Props{
     achievement: YogaAchivement_Plain
 
@@ -15,7 +19,7 @@ const imageFile: StrapiFile = image as StrapiFile;
     return (
                     <div className="col-lg-2 col-md-4 col-sm-6 col-xs-12">
                         <div className="logo_wrapper">
-                            <figure className="mb-0"><YogaImageComponent src={strapiApi.getImageUrl(imageFile?.url)} alt="" className="img-fluid"/></figure>
+                            <figure className="mb-0"><YogaImageComponent src={strapiApi.getImageUrl(imageFile?.url)} alt="" className={clsx(styles.textCenter, "img-fluid")}/></figure>
                             <div className="logo_content">
                                 {description}
                             </div>