diff --git a/src/slides.svelte b/src/slides.svelte
index c4a3d70..fe5582b 100644
--- a/src/slides.svelte
+++ b/src/slides.svelte
@@ -171,8 +171,8 @@
 	</Slide>
 	<Slide on:in={animate} animate>
 		<p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p>
-		<div class="mx-auto w-[800px]">
-			<Code lang="js" lines="1-3|3">
+		<div class="mx-auto">
+			<Code lang="js">
 				{`
 				useEffect(() => {
 					document.title = "Hey There, I'm from useEffect"
@@ -183,7 +183,7 @@
 	</Slide>
 	<Slide on:in={animate} animate>
 		<p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p>		
-		<div class="mx-auto w-[800px]">
+		<div class="mx-auto">
 			<Code lang="js" lines="3-4">
 				{`
 				useEffect(() => {
@@ -196,7 +196,7 @@
 	</Slide>
 	<Slide on:in={animate} animate>
 		<p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p>		
-		<div class="mx-auto w-[800px]">
+		<div class="mx-auto">
 			<Code lang="js" lines="3-4">
 				{`
 				useEffect(() => {
@@ -209,7 +209,7 @@
 	</Slide>
 	<Slide on:in={animate} animate>
 		<p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p>		
-		<div class="mx-auto w-[800px]">
+		<div class="mx-auto">
 			<Code lang="js" lines="3-4">
 				{`
 				useEffect(() => {
@@ -233,7 +233,7 @@
 	</Slide>
 	<Slide on:in={animate} animate>
 		<p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p>		
-		<div class="mx-auto w-[800px]">
+		<div class="mx-auto">
 			<Code lang="js" lines="3-4">
 				{`
 				useEffect(() => {
@@ -245,7 +245,7 @@
 	</Slide>
 	<Slide on:in={animate} animate>
 		<p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p>		
-		<div class="mx-auto w-[800px]">
+		<div class="mx-auto">
 			<Code lang="js" lines="3-4">
 				{`
 				useEffect(() => {
@@ -258,7 +258,7 @@
 	</Slide>
 	<Slide on:in={animate} animate>
 		<p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p>		
-		<div class="mx-auto w-[800px]">
+		<div class="mx-auto">
 			<Code lang="js" lines="4-6">
 				{`
 				useEffect(() => {