make homepage width

TomasVotruba · Sep 8, 2024 · 7981f7a · 7981f7a
1 parent 5a69e3f
commit 7981f7a
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -12,6 +12,15 @@ cd tomasvotruba.com
 composer install
 ```
 
+- Build assets
+
+```bash
+yarn build
+
+# or to watch files and reload on scss change
+yarn dev
+```
+
 - Run local server
 
 ```bash

diff --git a/resources/css/app.scss b/resources/css/app.scss
@@ -305,12 +305,17 @@ a.btn {
     line-height: 1.6rem;
 }
 
+#welcome_card {
+    h2 {
+        letter-spacing: .02em;
+        font-size: 2em;
+    }
+}
+
 /* mobile optimization */
 @media (max-width: 768px) {
-    .welcome_card {
-        h2 {
-            font-size: 1.3em;
-        }
+    #welcome_card h2 {
+        font-size: 1.6em;
     }
 
     #menu {

diff --git a/resources/views/_snippets/menu.blade.php b/resources/views/_snippets/menu.blade.php
@@ -17,7 +17,7 @@
 
             <span class="ps-2 pe-2">•</span>
 
-            <a href="tel:+420776778332">+420&nbsp;776&nbsp;778&nbsp;332</a>
+            <a href="tel:+420776778332">420&nbsp;776&nbsp;778&nbsp;332</a>
         </div>
 
         <div class="clearfix"></div>

diff --git a/resources/views/homepage.blade.php b/resources/views/homepage.blade.php
@@ -4,15 +4,15 @@
     <div class="container">
         <div class="row">
             <div class="col-12 col-md-10 offset-0 offset-md-1">
-                <div class="card welcome_card">
+                <div class="card" id="welcome_card">
                     <div class="card-body p-5 shadow">
                         <div class="d-flex mb-5">
                             <div style="max-width: 5.5em">
                                 <img src="{{ asset('assets/images/tomas_votruba.jpg') }}" class="rounded-circle shadow">
                             </div>
 
                             <div class="d-block ms-4 mt-4">
-                                <h2 class="mt-0" style="letter-spacing: .02em; font-size: 2em">Hi, I'm Tomas Votruba</h2>
+                                <h2 class="mt-0">Hi, I'm Tomas Votruba</h2>
                             </div>
                         </div>