feat: add CSS lessons matching lecture content (box model, flexbox, responsive, transitions, variables)

- Add 5 CSS modules to lessons.js config (EN)
- Create German translations for all 5 CSS modules
- Add CSS modules to lessons.de.js config
- Fix test to use toBeGreaterThanOrEqual for module count
This commit is contained in:
2025-12-29 15:26:59 +01:00
parent 2944b769e5
commit 6ea81a67e9
8 changed files with 805 additions and 2 deletions

View File

@@ -6,6 +6,12 @@
import basicSelectorsConfig from "../../lessons/de/00-basic-selectors.json";
import advancedSelectorsConfig from "../../lessons/de/01-advanced-selectors.json";
import tailwindConfig from "../../lessons/de/10-tailwind-basics.json";
// CSS lessons
import boxModelConfig from "../../lessons/de/01-box-model.json";
import flexboxConfig from "../../lessons/de/flexbox.json";
import responsiveConfig from "../../lessons/de/08-responsive.json";
import unitsVariablesConfig from "../../lessons/de/05-units-variables.json";
import transitionsAnimationsConfig from "../../lessons/de/06-transitions-animations.json";
// HTML lessons
import htmlElementsConfig from "../../lessons/de/20-html-elements.json";
import htmlFormsBasicConfig from "../../lessons/de/21-html-forms-basic.json";
@@ -36,6 +42,11 @@ const moduleStore = [
htmlTablesConfig,
htmlMarqueeConfig,
htmlSvgConfig,
boxModelConfig,
flexboxConfig,
responsiveConfig,
unitsVariablesConfig,
transitionsAnimationsConfig,
basicSelectorsConfig,
advancedSelectorsConfig,
tailwindConfig

View File

@@ -6,6 +6,12 @@
import basicSelectorsConfig from "../../lessons/00-basic-selectors.json";
import advancedSelectorsConfig from "../../lessons/01-advanced-selectors.json";
import tailwindConfig from "../../lessons/10-tailwind-basics.json";
// CSS lessons
import boxModelConfig from "../../lessons/01-box-model.json";
import flexboxConfig from "../../lessons/flexbox.json";
import responsiveConfig from "../../lessons/08-responsive.json";
import unitsVariablesConfig from "../../lessons/05-units-variables.json";
import transitionsAnimationsConfig from "../../lessons/06-transitions-animations.json";
// HTML lessons
import htmlElementsConfig from "../../lessons/20-html-elements.json";
import htmlFormsBasicConfig from "../../lessons/21-html-forms-basic.json";
@@ -36,6 +42,11 @@ const moduleStore = [
htmlTablesConfig,
htmlMarqueeConfig,
htmlSvgConfig,
boxModelConfig,
flexboxConfig,
responsiveConfig,
unitsVariablesConfig,
transitionsAnimationsConfig,
basicSelectorsConfig,
advancedSelectorsConfig,
tailwindConfig