From 8ccad336650d1d3ccc49886232af957147e34a36 Mon Sep 17 00:00:00 2001
From: zktsn0w <sr.strangas@gmail.com>
Date: Fri, 26 Jan 2024 20:04:43 +0100
Subject: [PATCH] asdf

---
 src/components/Skills.tsx | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/components/Skills.tsx b/src/components/Skills.tsx
index 4f20b84..75d098a 100644
--- a/src/components/Skills.tsx
+++ b/src/components/Skills.tsx
@@ -37,12 +37,12 @@ export const SkillsComponent = () => {
                         </div>
                     </div >
                     <Show when={skill() === 'coding'}>
-                        <div class="w-full h-80 bg-emerald-600 px-20 flex justify-around flex-col">
+                        <div class="w-full min-h-80 py-5 bg-emerald-600 px-20 flex justify-around flex-col">
                             <div class="flex flex-col gap-6">
                                 <p class="text-2xl font-bold text-neutral-800">Coding</p>
                                 <p class="w-1/2 text-neutral-800">In meiner Ausbildung wie auch meiner Freizeit habe ich Erfahrung mit unterschiedlichen Frameworks und Programmiersprachen gesammelt, wie zum beispiel Angular, React und Laravel</p>
                             </div>
-                            <div class="w-full h-24 flex justify-between items-center">
+                            <div class="w-full min-h-24 gap-4 flex-wrap flex justify-between items-center">
 
                                 <img class="h-20 w-24  object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/angular.svg.png" alt="" />
                                 <img class="h-20 w-24  object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/laravel.svg.png" alt="" />
@@ -57,7 +57,7 @@ export const SkillsComponent = () => {
                         </div>
                     </Show>
                     <Show when={skill() === 'ci-cd'}>
-                        <div class="w-full h-80 bg-emerald-600 px-20 flex justify-around flex-col">
+                        <div class="w-full min-h-80  py-5 bg-emerald-600 px-20 flex justify-around flex-col">
                             <div class="flex flex-col">
                                 <p class="text-2xl font-bold text-neutral-800">CI/CD</p>
                                 <p class="w-3/4 text-neutral-800">
@@ -67,7 +67,7 @@ export const SkillsComponent = () => {
                                     Dieses Portfolio zum Beispiel, läuft in einem Docker-Container und liegt hinter einem Traefik Proxy.
                                 </p>
                             </div>
-                            <div class="w-full h-24 flex justify-between items-center">
+                            <div class="w-full min-h-24  gap-4 flex justify-between items-center">
 
                                 <img class="h-20 w-24 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/docker.png" alt="" />
                                 <img class="h-20 w-24 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/buildkite.png" alt="" />
@@ -76,16 +76,15 @@ export const SkillsComponent = () => {
                         </div>
                     </Show>
                     <Show when={skill() === 'other'}>
-                        <div class="w-full h-80 bg-emerald-600 px-20 flex justify-around flex-col">
+                        <div class="w-full min-h-80  py-5 bg-emerald-600 px-20 flex justify-around flex-col">
                             <div class="flex flex-col gap-6">
                                 <p class="text-2xl font-bold text-neutral-800">Other</p>
-                                <p class="w-1/2 text-neutral-800">
+                                <p class="text-neutral-800">
                                     In meiner Freizeit bin ich nicht nur in der Musik unterwegs, sondern schwimme auch leidenschaftlich.
                                     Guten Cappucino kann ich auch machen &#9749;&#128521;
-                                    Um meine Umsetzungen vorstellen zu können, habe ich mehrere Präsentationen während meiner Ausbildung gehalten zu unterschiedlichsten themen welche meist wie eine Art Ted-Talk aufgebaut waren gehalten.
-                                    Dadurch konnte ich aus meiner Schwäche vor vielen Leuten wissen zu vermitteln, ein Skill auf den ich heute Stolz sein kann.                                     </p>
-                            </div>
-                            <div class="w-full h-24 flex justify-between items-center">
+                                    Um meine Umsetzungen vorstellen zu können, habe ich mehrere Präsentationen während meiner Ausbildung gehalten zu unterschiedlichsten themen welche meist wie Art Ted-Talks aufgebaut waren gehalten.
+                                                                    Dadurch konnte ich aus meiner Schwäche, vor vielen Leuten wissen zu vermitteln, ein Skill aufbauen, auf den ich heute Stolz sein kann.
+                              </p>
                             </div>
                         </div>
                     </Show>
@@ -135,8 +134,8 @@ export const SkillsComponent = () => {
                             <p class="w-full text-neutral-800">
                                 In meiner Freizeit bin ich nicht nur in der Musik unterwegs, sondern schwimme auch leidenschaftlich.
                                 Guten Cappucino kann ich auch machen &#9749;&#128521;
-                                Um meine Umsetzungen vorstellen zu können, habe ich mehrere Präsentationen während meiner Ausbildung gehalten zu unterschiedlichsten themen welche meist wie eine Art Ted-Talk aufgebaut waren gehalten.
-                                Dadurch konnte ich aus meiner Schwäche vor vielen Leuten wissen zu vermitteln, ein Skill auf den ich heute Stolz sein kann.
+                                Um meine Umsetzungen vorstellen zu können, habe ich mehrere Präsentationen während meiner Ausbildung gehalten zu unterschiedlichsten themen welche meist wie Ted-Talks aufgebaut waren gehalten.
+                                Dadurch konnte ich aus meiner Schwäche, vor vielen Leuten wissen zu vermitteln, ein Skill aufbauen, auf den ich heute Stolz sein kann.
                             </p>
                         </div>
                         <div class="w-full flex-wrap gap-3 h-auto flex justify-between items-center">