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 {
|
.service-card-img {
|
||||||
height: 180px;
|
height: 240px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -379,34 +379,34 @@ img {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.service-card-body {
|
.service-card-body {
|
||||||
padding: 28px 28px 32px;
|
padding: 20px 24px 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.service-card-body h3 {
|
.service-card-body h3 {
|
||||||
font-size: 1.3rem;
|
font-size: 1.2rem;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: var(--dark);
|
color: var(--dark);
|
||||||
margin-bottom: 10px;
|
margin-bottom: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.service-card-body p {
|
.service-card-body p {
|
||||||
font-size: 0.92rem;
|
font-size: 0.85rem;
|
||||||
color: var(--text-light);
|
color: var(--text-light);
|
||||||
line-height: 1.65;
|
line-height: 1.55;
|
||||||
margin-bottom: 18px;
|
margin-bottom: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.service-card-features {
|
.service-card-features {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0 0 24px;
|
margin: 0 0 18px;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
gap: 8px;
|
gap: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.service-card-features li {
|
.service-card-features li {
|
||||||
font-size: 0.82rem;
|
font-size: 0.8rem;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
Reference in New Issue
Block a user