Increase service card image height, tighten text spacing
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
20
style.css
20
style.css
@@ -362,7 +362,7 @@ img {
|
||||
}
|
||||
|
||||
.service-card-img {
|
||||
height: 180px;
|
||||
height: 240px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -379,34 +379,34 @@ img {
|
||||
}
|
||||
|
||||
.service-card-body {
|
||||
padding: 28px 28px 32px;
|
||||
padding: 20px 24px 24px;
|
||||
}
|
||||
|
||||
.service-card-body h3 {
|
||||
font-size: 1.3rem;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 700;
|
||||
color: var(--dark);
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.service-card-body p {
|
||||
font-size: 0.92rem;
|
||||
font-size: 0.85rem;
|
||||
color: var(--text-light);
|
||||
line-height: 1.65;
|
||||
margin-bottom: 18px;
|
||||
line-height: 1.55;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.service-card-features {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0 0 24px;
|
||||
margin: 0 0 18px;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 8px;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.service-card-features li {
|
||||
font-size: 0.82rem;
|
||||
font-size: 0.8rem;
|
||||
color: var(--text);
|
||||
padding-left: 20px;
|
||||
position: relative;
|
||||
|
||||
Reference in New Issue
Block a user