Cleaner title break

ModdingLinked · May 24, 2024 · 26a0822 · 26a0822
1 parent fa33aab
commit 26a0822
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 2 deletions.
diff --git a/css/style.css b/css/style.css
@@ -658,6 +658,15 @@ h2 {
     margin-top: -0.12px;
   }
 }
+@media screen and (min-width: 900px) {
+  #title br {
+    display: none;
+  }
+  #title::after {
+    content: " ";
+    display: inline;
+  }
+}
 @media only screen and (max-width: 900px) {
   .titleContainer h1 {
     font-size: 1.5em;

diff --git a/css/style.css.map b/css/style.css.map
diff --git a/css/style.scss b/css/style.scss
@@ -657,6 +657,18 @@ h2 {
   }
 }
 
+@media screen and (min-width: 900px){
+  #title br {
+    display: none;
+  }
+
+
+  #title::after {
+    content: " ";
+    display: inline;
+  }
+}
+
 @media only screen and (max-width: 900px) {
   .titleContainer h1 {
     font-size: 1.5em;

diff --git a/index.html b/index.html
@@ -67,7 +67,7 @@
     <div id="backdrop" class="welcomeContent">
         <div class="titleContainer">
             <img src="img/Coco/Full.webp" alt="Background Image" class="backgroundImage">
-            <h1 id="title">Welcome to Viva New Vegas!</h1>
+            <h1 id="title">Welcome to <br>Viva New Vegas!</h1>
         </div>
         <div class="buttonContainer">
             <div class="buttonWrapper">