Update Tutorial

Author: macx

src/components/ArticleCard.astro

@@ -153,6 +153,12 @@ if (!images[imagePath]) {
       }
     }
 
+    @container article-card (width < 20em) {
+      .title {
+        min-height: 3lh;
+      }
+    }
+
     @container aside (width < 25em) {
       &:first-child {
         border-block-end-width: 0;
@@ -177,6 +183,7 @@ if (!images[imagePath]) {
 
       .title {
         font-size: 1rem;
+        min-height: unset;
       }
 
       .image {
@@ -188,12 +195,6 @@ if (!images[imagePath]) {
         padding-block-start: 0;
       }
     }
-
-    @container article-card (width < 20em) {
-      .title {
-        min-height: 3lh;
-      }
-    }
   }
 
   .draft-banner {

src/content/tutorials/website-mit-visual-studio-code.mdx

@@ -21,11 +21,23 @@ Lade dir VS Code von der [Microsoft-Website](https://code.visualstudio.com/) her
 
 ### Plugins und Konfiguration
 
-Damit du den Inhalten und Tutorials des Seminars GT 1191 folgen kannst, benötigst du einige Plugins und Konfigurationen. Diese müsstest du normalerweise händisch installieren und einrichten. Dank der Profile von VS Code kannst du das aber mit einem Klick erledigen. Denn in diesen sind alle Informationen zur Konfiguration enthalten.
+Damit du den Inhalten und Tutorials des Seminars GT 1191 folgen kannst, benötigst du einige Plugins und Konfigurationen. Diese müsstest du normalerweise händisch installieren und einrichten, was mühsam ist. Dank der Profile von VS Code kannst du das aber mit einem Klick erledigen. Denn in diesen sind alle Informationen zur Konfiguration enthalten.
 
-Für das Seminar GT 1191 habe ich ein Profil erstellt, das alle notwendigen Plugins und Konfigurationen enthält, die wir nutzen.
+#### HAWK-GT1191-Profil
 
-#### HAWK-GT1191 Profil
+Für das Seminar GT 1191 habe ich ein Profil erstellt, das alle notwendigen Plugins und Konfigurationen enthält, die wir nutzen. So importierst du es in VS Code:
+
+1. Öffne VS Code.
+2. Klicke auf das ⚙ Symbol in der linken unteren Ecke, um das Aktionsmenü zu öffnen.
+3. Wähle **Profiles**, dann **Import Profile**.
+5. Gebe oben im Dialog bei **Provide Profile Template URL** die folgende URL ein: https://gist.github.com/macx/c4afc6441561cf8e021d104eed0de505.
+Klicke anschließend auf <kbd>⏎ Enter</kbd>
+6. Wähle in der folgenden Auswahl alles aus und klicke auf **Create Profile**.
+8. Klicke nun beim Namen **HAWK-GT1191** auf `Create`.
+
+Jetzt ist sind alle Plugins installiert, die Sprache auf Deutsch umgestellt. sodass du direkt loslegen kannst.
+
+#### Bestandteile
 
 Folgende Erweiterungen sind im HAWK-GT1191 Profil besonders hervorzuheben:
 
@@ -38,17 +50,6 @@ Folgende Erweiterungen sind im HAWK-GT1191 Profil besonders hervorzuheben:
 [Emmet](https://docs.emmet.io/)
 : Ermöglicht es, HTML und CSS wesentlich schneller zu schreiben.
 
-#### Profil importieren
-
-1. Öffne VS Code.
-2. Klicke auf das ⚙ Symbol in der linken unteren Ecke, um das Aktionsmenü zu öffnen.
-3. Wähle **Profiles**, dann **Import Profile**.
-5. Gebe oben im Dialog bei **Provide Profile Template URL** die folgende URL ein: https://gist.github.com/macx/c4afc6441561cf8e021d104eed0de505.
-Klicke anschließend auf <kbd>⏎ Enter</kbd>
-6. Wähle in der folgenden Auswahl alles aus und klicke auf **Create Profile**.
-8. Klicke nun beim Namen **HAWK-GT1191** auf `Create`.
-
-Jetzt ist sind alle Plugins installiert, die Sprache auf Deutsch umgestellt. sodass du direkt loslegen kannst.
 
 ## Eine Website erstellen
 
@@ -88,7 +89,7 @@ Die Startseite einer Website sollte in der Regel immer `index.html` genannt werd
 
 Füge jetzt noch im Body ein paar HTML-Elemente ein, um die Website zu füllen. Zum Beispiel eine Überschrift und einen Textabschnitt.
 
-> **Tipp:** Wenn du dich mit HTML und CSS noch nicht auskennst, empfehle ich dir, das Tutorial [Einstieg in HTML](/tutorials/einstieg-in-html/) zu lesen. Ein Tutorial für CSS ist in Planung.
+> **Tipp:** Wenn du dich mit HTML und CSS noch nicht auskennst, empfehle ich dir, die Tutorials [Einstieg in HTML](/tutorials/einstieg-in-html/) und [Einstieg in CSS](/tutorials/einstieg-in-css) zu lesen.
 
 ### CSS-Styles hinzufügen