added mobile layout

app/templates/home.html

@@ -169,6 +169,33 @@
 		text-align: center;
 		color: var(--nav-text);
 	}
+
+	@media (max-width: 768px) {
+		header {
+			padding: 40px 10px;
+		}
+
+		.main-container {
+			margin: 20px auto;
+			padding: 10px;
+		}
+
+		.feature-list {
+			flex-direction: column;
+			align-items: center;
+		}
+
+		.feature {
+			width: 90%;
+			max-width: 300px;
+			margin: 10px auto;
+		}
+
+		footer {
+			padding: 15px;
+			font-size: 0.9rem;
+		}
+	}
 </style>
 
 <header>
@@ -209,9 +236,8 @@
 	</div>
 
 	<div class="cta-section">
-		<h2>Get Started Now</h2>
+		<a href="{{ url_for('main.register') }}" class="btn">Get Started Now</a>
 		<p>No signup required. Upload your first site and go live instantly!</p>
-		<a href="{{ url_for('main.dashboard') }}" class="btn">Upload Your Site</a>
 	</div>
 </div>