feat: add basic selectors module and update layout styles

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
 ];
 
 /**

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;