Merge pull request #3 from ramonortegajr/glitch

change: text-header on mobile
ramonortegajr · May 30, 2024 · bd7312d · bd7312d
2 parents 16629ab + c9abe4d
commit bd7312d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/public/css/home.css b/public/css/home.css
@@ -227,15 +227,15 @@ i {
     .support-me {
         display: none; /* Hide "Buy Me a Coffee" on smaller screens */
     }
-
+  
     .card {
         width: 100%; 
         margin-bottom: 10px; 
         padding: 20px; /* Adjust padding */
     }
 
-    .text-section h1 {
-        font-size: 1.0em; 
+    #text-header-title {
+       size: small;
     }
 
     input[type="text"],

diff --git a/views/tubetogo.ejs b/views/tubetogo.ejs
@@ -3,7 +3,7 @@
 <div class="container" style="display: flex; flex-direction: column; align-items: center;">
     <!-- Tube To Go -->
     <div class="text-section" style="display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; background: none;">
-        <h1 class="text-header-title" style="color: #C13E3E; margin: 0; font-size: 2.5em; margin-bottom: -20px;">Tube To Go</h1>
+        <h1 id="text-header-title" style="color: #C13E3E; margin: 0; font-size: 2.5em; margin-bottom: -20px;">TubeToGo</h1>
     </div>
     <div class="card" style="border: 2px solid #C13E3E; padding: 40px; width: 80%; display: flex; justify-content: space-between; align-items: flex-start;">
         <form id="converter-form">