From f4bdd660a995686136572ba90de077c88080ca12 Mon Sep 17 00:00:00 2001
From: Michael Czechowski <m.czechowski@pons.de>
Date: Wed, 14 May 2025 12:07:34 +0200
Subject: [PATCH] feat: add basic selectors module and update layout styles

---
 src/config/lessons.js | 20 +++++++++++---------
 src/main.css          |  5 ++++-
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/config/lessons.js b/src/config/lessons.js
index 1323494..0bde848 100644
--- a/src/config/lessons.js
+++ b/src/config/lessons.js
@@ -4,6 +4,7 @@
 
 // Import lesson configs
 import basicsConfig from "../../lessons/00-basics.json";
+import basicSelectorsConfig from "../../lessons/00-basic-selectors.json";
 import boxModelConfig from "../../lessons/01-box-model.json";
 import selectorsConfig from "../../lessons/02-selectors.json";
 import colorsConfig from "../../lessons/03-colors.json";
@@ -15,15 +16,16 @@ import responsiveConfig from "../../lessons/08-responsive.json";
 
 // Module store
 const moduleStore = [
-	basicsConfig,
-	boxModelConfig,
-	selectorsConfig,
-	colorsConfig,
-	typographyConfig,
-	unitVariablesConfig,
-	transitionsAnimationsConfig,
-	layoutConfig,
-	responsiveConfig
+	basicSelectorsConfig
+	// basicsConfig,
+	// boxModelConfig,
+	// selectorsConfig,
+	// colorsConfig,
+	// typographyConfig,
+	// unitVariablesConfig,
+	// transitionsAnimationsConfig,
+	// layoutConfig,
+	// responsiveConfig
 ];
 
 /**
diff --git a/src/main.css b/src/main.css
index 8eba9df..4ea214c 100644
--- a/src/main.css
+++ b/src/main.css
@@ -264,6 +264,7 @@ code {
 }
 
 .code-editor {
+	flex: 1;
 	position: relative;
 	border: 1px solid var(--border-color);
 	border-radius: var(--border-radius-md);
@@ -284,8 +285,10 @@ code {
 .editor-content {
 	background-color: var(--editor-bg);
 	color: #d4d4d4;
-	padding: var(--spacing-md) var(--spacing-md) 4rem;
+	padding: var(--spacing-md);
+	margin-bottom: 4rem;
 	overflow-y: auto;
+	height: 100%;
 	font-family: var(--font-code);
 	font-size: 14px;
 	line-height: 1.5;