Design of training variants

hejny · Apr 9, 2024 · 5456e23 · 5456e23
1 parent 6a0cb69
commit 5456e23
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/src/sections/100-AiTraining/AiTraining.module.css b/src/sections/100-AiTraining/AiTraining.module.css
@@ -6,7 +6,8 @@
     /* TODO: Use or remove empty css */
 }
 
-.variants > div {
+.variants > div > div {
+    /* Note: [✌] Two nested divs to use <Items/> together with nice outline */
     outline: 1px solid rgb(245, 224, 185);
     border-radius: 30px;
     margin: 10px;

diff --git a/src/sections/100-AiTraining/AiTrainingVariant.tsx b/src/sections/100-AiTraining/AiTrainingVariant.tsx
@@ -12,15 +12,18 @@ export function AiTrainingVariant(props: AiTrainingVariantProps) {
 
     return (
         <div>
-            <h3>{t(`AiTraining.${variant}.title`)}</h3>
-            <Link
-                className="button"
-                href="#contact"
-                // <- TODO: !!! Better
-            >
-                {t(`AiTraining.${variant}.price`)}
-            </Link>
-            <Article content={t(`AiTraining.${variant}.content`)} isEnhanced />
+            <div>
+                <h3>{t(`AiTraining.${variant}.title`)}</h3>
+                <Link
+                    className="button"
+                    href="#contact"
+                    // <- TODO: !!! Better
+                >
+                    {t(`AiTraining.${variant}.price`)}
+                </Link>
+                <Article content={t(`AiTraining.${variant}.content`)} isEnhanced />
+            </div>
         </div>
+        // <- Note: [✌] Two nested divs to use <Items/> together with nice outline
     );
 }