Update header text layout and font size

MjavadH · Sep 21, 2023 · 77e4ec7 · 77e4ec7
1 parent 793132b
commit 77e4ec7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/assets/style.css b/assets/style.css
@@ -127,7 +127,7 @@ header .line {
 /* Text */
 header h1 {
     position: absolute;
-    font-size: 5vw;
+    font-size: 5vmax;
 }
 
 header h3 {
@@ -159,7 +159,7 @@ main {
     margin: 0 7px;
 }
 
- /* ------ page ------ */
+/* ------ page ------ */
 /* ---- header ---- */
 .page-card-header {
     display: flex;

diff --git a/index.html b/index.html
@@ -27,10 +27,10 @@
             <i class="fa fa-star"></i>
         </a>
     </div>
-    <h1>
-        <span class="line"></span>
-        4X4 Collection (v1.1)
-        <span class="line"></span>
+    <h1 class="text-center">
+        <span class="line d-none d-md-inline-block"></span>
+        4X4 Collection <span class="version d-block d-md-inline">(v1.1)</span>
+        <span class="line d-none d-md-inline-block"></span>
     </h1>
     <h3>
         Scroll down