diff --git a/src/Blog/Components/Layout/Header.razor b/src/Blog/Components/Layout/Header.razor
index d7dff6f..1853873 100644
--- a/src/Blog/Components/Layout/Header.razor
+++ b/src/Blog/Components/Layout/Header.razor
@@ -4,6 +4,11 @@
diff --git a/src/Blog/Components/Layout/Header.razor.css b/src/Blog/Components/Layout/Header.razor.css
index bf913a7..7d0b47d 100644
--- a/src/Blog/Components/Layout/Header.razor.css
+++ b/src/Blog/Components/Layout/Header.razor.css
@@ -5,11 +5,26 @@
width: 100%;
gap: 1rem;
+ & .title-container {
+ position: relative;
+ }
+
& .title-container h1 {
font-size: 1.5rem;
font-weight: 700;
}
+ & .title-container p {
+ position: absolute;
+ bottom: -0.40rem;
+ right: 0;
+ font-size: 0.65rem;
+
+ & a:hover {
+ text-decoration: underline;
+ }
+ }
+
& .author-container {
display: flex;
align-items: center;
@@ -21,4 +36,4 @@
border-radius: 50%;
}
}
-}
\ No newline at end of file
+}