fixed formating

src/App.jsx

@@ -1,14 +1,19 @@
 function App() {
 	return (
-		<div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100vh' }}>
-			<h1>Build wokrs when pushing to dev.</h1>
-			<br />
-			<h1>Now time to try pushing  to   main and deploy.</h1>
-			<br />
-			<h2> Okay,  everything works  just fine.</h2>
+		<div
+			style={{
+				display: 'flex',
+				flexDirection: 'column',
+				justifyContent: 'center',
+				alignItems: 'center',
+				height: '100vh',
+			}}
+		>
+			<h1>Build works when pushing to dev.</h1>
+			<h1>Now time to try pushing to main and deploy.</h1>
+			<h2>Okay, everything works just fine.</h2>
 		</div>
-	)
+	);
 }
 
-export default App
-
+export default App;