Dashboard Style

src/pages/index.astro

@@ -76,9 +76,10 @@ import FeatureCard from "#components/FeatureCard.svelte";
 	<hr />
 	<div
 		style="border-left: 5px solid #f5b68c; border-right: 5px solid #f5b68c;"
+		class="px-4"
 	>
-		<ul id="start_ul">
-			<li>
+		
+			<p>
 				Der verbrauchsbasierte Energieausweis wird als <a
 					title="Verbrauchsausweis"
 					href="/energieausweis-erstellen/verbrauchsausweis-wohnen"
@@ -91,8 +92,8 @@ import FeatureCard from "#components/FeatureCard.svelte";
 					>Energieausweis online erstellen</a
 				>
 				<hr />
-			</li>
-			<li>
+			</p>
+			<p>
 				Der bedarfsbasierte Energieausweis wird als <a
 					title="Bedarfsausweis"
 					href="/bedarfsausweis/"><strong>Bedarfsausweis</strong></a
@@ -103,11 +104,10 @@ import FeatureCard from "#components/FeatureCard.svelte";
 					href="/energieausweis-erstellen/bedarfsausweis-erstellen"
 					>Energieausweis online erstellen</a
 				>
-			</li>
-		</ul>
+			</p>
 	</div>
 	<hr />
-	<div class="grid grid-cols-3 gap-4">
+	<div class="grid grid-cols-1 lg:grid-cols-3 gap-4">
 		<FeatureCard heading="Verbrauchsausweis Wohngebäude" price={45} href="/energieausweis-erstellen/verbrauchsausweis-wohnen">
 			<div class="rpt_feature">Unsere Leistungen:</div>
 			<div class="rpt_feature">Prüfung durch Diplom Ingenieur</div>