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

fix: rename solutionCode to solution in HTML lesson files

Browse Source 
Consistent property naming across all lesson files - the LessonEngine
expects 'solution' property for rendering expected preview.
This commit is contained in:
Michael Czechowski
2025-12-22 10:38:53 +01:00
parent be5f71bea5
commit ab94d667cc
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
lessons/20-html-elements.json
View File

@@ -15,7 +15,7 @@
"previewBaseCSS": "body { font-family: system-ui, sans-serif; padding: 20px; } p { background: #e3f2fd; padding: 10px; } strong { background: #ffecb3; }",
"sandboxCSS": "",
"initialCode": "<p>This is a paragraph with an important word.</p>",
"solutionCode": "<p>This is a paragraph with an <strong>important</strong> word.</p>",
"solution": "<p>This is a paragraph with an <strong>important</strong> word.</p>",
"previewContainer": "preview-area",
"validations": [
{
@@ -39,7 +39,7 @@
"previewBaseCSS": "body { font-family: system-ui; margin: 0; } header { background: #1976d2; color: white; padding: 15px; } main { padding: 20px; min-height: 100px; } footer { background: #424242; color: white; padding: 10px; text-align: center; }",
"sandboxCSS": "",
"initialCode": "<!-- Create your page structure here -->",
"solutionCode": "<header>\n <h1>My Website</h1>\n</header>\n<main>\n <p>Welcome to my site!</p>\n</main>\n<footer>\n <p>Copyright 2025</p>\n</footer>",
"solution": "<header>\n <h1>My Website</h1>\n</header>\n<main>\n <p>Welcome to my site!</p>\n</main>\n<footer>\n <p>Copyright 2025</p>\n</footer>",
"previewContainer": "preview-area",
"validations": [
{
@@ -73,7 +73,7 @@
"previewBaseCSS": "body { font-family: Georgia, serif; padding: 20px; } div { background: #f5f5f5; padding: 15px; border-left: 4px solid #1976d2; } span { background: #fff59d; padding: 2px 4px; }",
"sandboxCSS": "",
"initialCode": "The most highlighted moment was unforgettable.",
"solutionCode": "<div>The most <span>highlighted</span> moment was unforgettable.</div>",
"solution": "<div>The most <span>highlighted</span> moment was unforgettable.</div>",
"previewContainer": "preview-area",
"validations": [
{