From 07198a5b0c07e8ecedcd2bb7e7442accdc5e93dc Mon Sep 17 00:00:00 2001
From: sergeyyarkov <serzh.yarkov@gmail.com>
Date: Thu, 8 Dec 2022 16:42:28 +0300
Subject: [PATCH] css fix

---
 src/components/Footer/Footer.astro        | 4 ++--
 src/components/Splash/Splash.astro        | 6 +++---
 src/components/Splash/SplashHeading.astro | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Footer/Footer.astro b/src/components/Footer/Footer.astro
index 469dc6a..69d30a1 100644
--- a/src/components/Footer/Footer.astro
+++ b/src/components/Footer/Footer.astro
@@ -18,7 +18,7 @@ import { Icon } from "astro-icon";
 				<Icon name="rss" width="20" height="20" />
 			</li>
 		</ul>
-		<p>© Sergey Yarkov, 2022</p>
+		<small>© Sergey Yarkov, 2022</small>
 	</div>
 </footer>
 
@@ -50,7 +50,7 @@ import { Icon } from "astro-icon";
 				}
 			}
 		}
-		& p {
+		& small {
 			text-align: center;
 			font-size: var(--font-size-xs);
 		}
diff --git a/src/components/Splash/Splash.astro b/src/components/Splash/Splash.astro
index b840f8c..1a037b8 100644
--- a/src/components/Splash/Splash.astro
+++ b/src/components/Splash/Splash.astro
@@ -1,9 +1,9 @@
-<section>
+<div>
 	<slot />
-</section>
+</div>
 
 <style lang="scss">
-	section {
+	div {
 		margin-top: 40px;
 		margin-bottom: 150px;
 	}
diff --git a/src/components/Splash/SplashHeading.astro b/src/components/Splash/SplashHeading.astro
index 90a06b1..dc4af15 100644
--- a/src/components/Splash/SplashHeading.astro
+++ b/src/components/Splash/SplashHeading.astro
@@ -26,9 +26,9 @@
 	}
 
 	@media screen and (max-width: 560px) {
-		.splash-heading hgroup h1 {
+		header :global(hgroup) :global(h1) {
 			font-size: var(--font-size-4xl);
-			margin-bottom: 0.85rem;
+			margin-bottom: 1rem;
 		}
 	}
 </style>