update styles

Author: LadyBluenotes

src/routes/reactivity/effects.mdx

@@ -53,7 +53,7 @@ The effect runs once when created, logging `Count is: 0`, and will run again whe
 
 An effect goes through a predictable cycle every time it's created and re-runs:
 
-### 1. **Initialization**
+### 1. Initialization
 
 When you call `createEffect`, the effect is immediately scheduled to run **once**.
 This first run happens **after the current render phase** finishes, or after the component function returns its JSX.
@@ -68,7 +68,7 @@ console.log("Hello");
 // Initial run
 ```
 
-### 2. **Dependency tracking**
+### 2. Dependency tracking
 
 During its first run, the effect records every reactive value it accesses (such as signals or memos).
 It becomes subscribed to those values, which are now its **dependencies**.
@@ -85,7 +85,7 @@ createEffect(() => {
 // every setCount(...) re‑runs the effect
 ```
 
-### 3. **Reactive Updates**
+### 3. Reactive Updates
 
 Whenever *any* dependency changes, the effects is scheduled to run again.
 This happens **after the current synchronous code completes**, ensuring that all changes are batched together.
@@ -99,7 +99,7 @@ createEffect(() => {
     console.log(`Count: ${count()}, Name: ${name()}`);
 });
 
-setCount(1);
+setCount(1); 
 setName("SolidJS"); 
 ```
 

src/solidbase-theme/mdx-components.tsx

@@ -184,11 +184,7 @@ export const a = (props: ParentProps & { href: string }) => {
 		);
 	}
 };
-export const p = (props: ParentProps) => (
-	<p {...props} class="my-4">
-		{props.children}
-	</p>
-);
+export const p = (props: ParentProps) => <p {...props}>{props.children}</p>;
 export const li = (props: ParentProps) => (
 	<li {...props} class="mb-2 marker:text-slate-600 dark:marker:text-slate-300">
 		{props.children}

src/styles.css

@@ -219,6 +219,10 @@ h6 {
 	line-height: 1.3;
 }
 
+p {
+	line-height: 1.6;
+}
+
 .shiki.material-theme-ocean {
 	background-color: transparent !important;
 }