new styles for dream pg

BracketNerd101 · Jul 22, 2024 · 192b4ad · 192b4ad
1 parent ea17dd3
commit 192b4ad
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 7 deletions.
diff --git a/dream.html b/dream.html
@@ -122,8 +122,10 @@ <h4 class="stacked-logo">arthur <br> charles<br>edwards</h4>
       <div class="container-fluid">
         <div class="row">
           <div class="col-lg-4">
-            <h1 class="san-serif-headline display-5 special-intro"> arthur charles edwards</h1>
-            <p class="px-4">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Excepturi, mollitia?</p>
+            <div class="col-lg-3 special-intro">
+              <h4 class="px-5 display-2 san-serif-headline fw-bold special-tracking">arthur<br>charles<br>edwards</h4>
+            </div>
+            <p class="px-5">I'm a visual designer, ready to build more mobile apps, marketing campaigns, and brand strategies.</p>
           </div>
           <div class="col-lg-8">
           <div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">

diff --git a/scss/dream-slider.css b/scss/dream-slider.css
@@ -7,8 +7,13 @@
 }
 
 .hero-slider-container .special-intro {
-  margin-top: 20rem;
-  margin-left: 1.5rem;
+  margin-top: 15rem;
+  margin-left: 0.5rem;
+  line-height: 1rem;
+}
+
+.hero-slider-container .special-tracking {
+  line-height: 4rem;
 }
 
 .announcement {

diff --git a/scss/dream-slider.min.css b/scss/dream-slider.min.css
diff --git a/scss/dream-slider.scss b/scss/dream-slider.scss
@@ -13,8 +13,14 @@
 
     .special-intro {
 
-        margin-top: 20rem;
-        margin-left: 1.5rem;
+        margin-top: 15rem;
+        margin-left: 0.5rem;
+        line-height: 1rem;
+    }
+
+    .special-tracking {
+
+        line-height: 4rem;
     }
 
 }