chore: align styles

2024-04-30 10:48:11 +02:00
parent a43dc8a16f
commit a1e474073e
10 changed files with 42 additions and 35 deletions
--- a/components/MyPages/Blocks/Stays/Header/header.module.css
+++ b/components/MyPages/Blocks/Stays/Header/header.module.css
@@ -1,12 +1,14 @@
 .header {
  display: grid;
-  grid-template-areas: "title link";
+  grid-template-areas:
+    "title link"
+    "subtitle subtitle";
  grid-template-columns: 1fr max-content;
+  gap: 1.5rem;
 }

 .title {
  grid-area: title;
-  font-weight: 600;
 }

 .link {
@@ -14,15 +16,5 @@
 }

 .subtitle {
-  padding-top: 0.5rem;
-  padding-bottom: 2.5rem;
-  margin: 0;
-}
-
-@media screen and (min-width: 950px) {
-  .subtitle {
-    width: 60%;
-    padding-top: 2.5rem;
-    padding-bottom: 5rem;
-  }
+  grid-area: subtitle;
 }