Skip to content

Commit bdf0196

Browse files
author
TechStack Global
committed
style: enforce flex-shrink 0 on read button to prevent internal squishing and scale container size up
1 parent 13541c1 commit bdf0196

File tree

1 file changed

+5
-3
lines changed

1 file changed

+5
-3
lines changed

index.html

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -123,8 +123,8 @@ <h1>Make Smarter <br /><span class="gradient-text">Tech Decisions.</span>
123123
.swiper-card-effect {
124124
width: 100%;
125125
max-width: 340px;
126-
height: 520px;
127-
/* Increased to comfortably fit the read review button */
126+
height: 540px;
127+
/* Increased to accommodate extra text lines */
128128
padding: 30px 0;
129129
overflow: visible;
130130
}
@@ -180,6 +180,8 @@ <h1>Make Smarter <br /><span class="gradient-text">Tech Decisions.</span>
180180
justify-content: space-between;
181181
margin-top: auto;
182182
padding: 0.85rem 1.25rem;
183+
flex-shrink: 0;
184+
/* Prevents the button from being squished internally when text is long */
183185
background: rgba(255, 255, 255, 0.05);
184186
border: 1px solid var(--border-glass, rgba(255, 255, 255, 0.1));
185187
border-radius: 8px;
@@ -261,7 +263,7 @@ <h1>Make Smarter <br /><span class="gradient-text">Tech Decisions.</span>
261263
/* Mobile Responsiveness */
262264
@media (max-width: 767px) {
263265
.swiper-card-effect {
264-
height: 420px;
266+
height: 440px;
265267
max-width: 280px;
266268
padding: 20px 0;
267269
}

0 commit comments

Comments
 (0)