public/code-crispies
2
1
Fork 0
Code Issues Pull Requests Actions Activity

fix: add kbd tags to validation messages for clarity

Browse Source 
- Wrap HTML element names in <kbd> tags in all validation messages
- Apply consistent formatting to both English and German lessons
- Make hints clearer about which elements/attributes to use
- Fix mobile editor layout overflow issue

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Michael Czechowski
2025-12-25 15:55:26 +01:00
parent 6f550a36ea
commit 3b03d35c5f
27 changed files with 230 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
lessons/de/29-html-figure.json
View File

@@ -21,17 +21,17 @@
{
"type": "element_exists",
"value": "figure",
"message": "Füge ein <figure>-Element hinzu"
"message": "Füge ein <kbd>&lt;figure&gt;</kbd>-Element hinzu"
},
{
"type": "element_exists",
"value": "figure img",
"message": "Füge ein <img> in die Figure ein"
"message": "Füge ein <kbd>&lt;img&gt;</kbd> in die Figure ein"
},
{
"type": "element_exists",
"value": "figcaption",
"message": "Füge ein <figcaption> für die Beschriftung hinzu"
"message": "Füge ein <kbd>&lt;figcaption&gt;</kbd> für die Beschriftung hinzu"
}
]
},
@@ -50,22 +50,22 @@
{
"type": "element_exists",
"value": "figure",
"message": "Füge ein <figure>-Element hinzu"
"message": "Füge ein <kbd>&lt;figure&gt;</kbd>-Element hinzu"
},
{
"type": "element_exists",
"value": "pre",
"message": "Füge ein <pre>-Element für formatierten Text hinzu"
"message": "Füge ein <kbd>&lt;pre&gt;</kbd>-Element für formatierten Text hinzu"
},
{
"type": "element_exists",
"value": "code",
"message": "Füge ein <code>-Element für den Code hinzu"
"message": "Füge ein <kbd>&lt;code&gt;</kbd>-Element für den Code hinzu"
},
{
"type": "element_exists",
"value": "figcaption",
"message": "Füge ein <figcaption> hinzu, das den Code beschreibt"
"message": "Füge ein <kbd>&lt;figcaption&gt;</kbd> hinzu, das den Code beschreibt"
}
]
},
@@ -84,7 +84,7 @@
{
"type": "element_exists",
"value": "figure",
"message": "Füge ein <figure>-Element hinzu"
"message": "Füge ein <kbd>&lt;figure&gt;</kbd>-Element hinzu"
},
{
"type": "element_count",
@@ -94,7 +94,7 @@
{
"type": "element_exists",
"value": "figcaption",
"message": "Füge ein <figcaption> für die Galerie hinzu"
"message": "Füge ein <kbd>&lt;figcaption&gt;</kbd> für die Galerie hinzu"
}
]
}