Skip to content

Commit b9742be

Browse files
Polish homepage feature cards (#14)
1 parent c59fe71 commit b9742be

1 file changed

Lines changed: 23 additions & 3 deletions

File tree

src/styles/global.css

Lines changed: 23 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -295,10 +295,27 @@ h1 {
295295
}
296296

297297
.feature-card {
298+
padding: 1.75rem;
298299
min-height: 100%;
299-
display: grid;
300-
align-content: start;
301-
gap: 0.9rem;
300+
display: flex;
301+
flex-direction: column;
302+
align-items: flex-start;
303+
gap: 1rem;
304+
}
305+
306+
.feature-card h3 {
307+
font-size: clamp(1.85rem, 3vw, 2.55rem);
308+
line-height: 1.08;
309+
}
310+
311+
.feature-card p {
312+
margin: 0;
313+
font-size: 1.06rem;
314+
}
315+
316+
.feature-card .button-muted {
317+
width: 100%;
318+
margin-top: auto;
302319
}
303320

304321
.feature-card--accent {
@@ -308,9 +325,12 @@ h1 {
308325
.feature-card--image {
309326
padding: 0;
310327
min-height: 300px;
328+
position: relative;
311329
}
312330

313331
.feature-card--image img {
332+
position: absolute;
333+
inset: 0;
314334
width: 100%;
315335
height: 100%;
316336
object-fit: cover;

0 commit comments

Comments
 (0)