Fix author-card styling issues (#123)

* fix word wrap on author-card * fix author-card mobile styling --------- Co-authored-by: Bryan Stopp <[email protected]>
hlxsites · Jan 24, 2024 · 5f6fa18 · 5f6fa18
1 parent b1d86c6
commit 5f6fa18
Showing 1 changed file with 3 additions and 7 deletions.
diff --git a/cigaradvisor/blocks/author-card/author-card.css b/cigaradvisor/blocks/author-card/author-card.css
@@ -140,9 +140,7 @@
 }
 
 .author-card.block .right-column p>a {
-    white-space: nowrap;
     overflow: hidden;
-    text-overflow: ellipsis;
     display: block;
     color: var(--clr-white);
     font-weight: var(--font-weight-bold);
@@ -168,8 +166,10 @@
 
 .author-card.block .align-center {
     position: absolute;
+    width: 100%;
     top: 50%;
     left: 50%;
+    margin: 0;
     transform: translate(-50%, -50%);
     opacity: 0;
     transition: opacity 0.3s ease;
@@ -183,7 +183,7 @@
 
 @media (max-width: 768px) {
     .author-card-container {
-        padding: 60px 10px;
+        padding: 60px 0;
         background: none #ece8e3;
         background-size: auto 150%;
     }
@@ -198,10 +198,6 @@
         width: 100%;
     }
 
-    .author-card.block .author-content {
-        flex: 0 0 100%;
-    }
-
     .author-card.block .left-column,
     .right-column {
         width: 100%;