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

feat: enhance CSS fundamentals module with detailed lessons and improved descriptions

Browse Source
This commit is contained in:
Michael Czechowski
2025-05-14 02:52:19 +02:00
parent 609d454bee
commit d89211cd75
2 changed files with 346 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
lessons/03-colors.json
View File

@@ -91,8 +91,8 @@
"previewHTML": "<div class=\"bg-img\">Image Background</div>",
"previewBaseCSS": "body { font-family: sans-serif; padding: 1rem; } .bg-img { height: 150px; display: flex; align-items: center; justify-content: center; color: white; }",
"sandboxCSS": "",
"codePrefix": "/* Set background image */\n.bg-img {",
"initialCode": "background-image: url('https://via.placeholder.com/300'); background-position: center; background-repeat: no-repeat;",
"codePrefix": "/* Set background image */\n\n.bg-img {",
"initialCode": " background-image: url('http://placekitten.com/320/320');\n background-position: center; background-repeat: no-repeat;\n ",
"codeSuffix": "}",
"previewContainer": "preview-area",
"validations": [