add'l hero styling

mdickson-adbe · Nov 7, 2024 · 33c3739 · 33c3739
1 parent a3d7d93
commit 33c3739
Showing 1 changed file with 21 additions and 11 deletions.
diff --git a/blocks/hero/hero.css b/blocks/hero/hero.css
@@ -20,6 +20,23 @@ main .hero > div  {
   color: #fff;
 }
 
+main .hero div > p:first-child {
+  background: #fff;
+  text-align: center;
+  padding: 10px 20px;
+  color: #3489d7;
+  text-transform: uppercase;
+  font-weight: bold;
+}
+
+main .hero div > p:nth-child(2) {
+  font-size: 80px;
+  margin-top: 30px;
+  margin-bottom: 30px;
+  font-weight: 600;
+  font-family: roboto, sans-serif;
+}
+
 main .hero > div > div {
   margin-top: 80px;
   max-width: 450px;
@@ -29,22 +46,15 @@ main .hero picture {
   position: absolute;
   z-index: -1;
   inset: 0 0 0 0;
-  object-fit: cover;
   box-sizing: border-box;
+  background-color: #3489d7;
+  display: flex;
+  flex-direction: row-reverse;
 }
 
 main .hero img {
-  object-fit: cover;
-  width: 100%;
   height: 100%;
-}
-
-main .hero h1 {
-  font-size: 80px;
-  margin-top: 30px;
-  margin-bottom: 30px;
-  font-weight: 600;
-  font-family: roboto, sans-serif;
+  margin-right: 25%;
 }
 
 .hero-content-super-title {