tideshift/tideshift-website
1
0
Fork 0
Code Activity

changes

Browse Source
This commit is contained in:
Michael Rieger
2026-03-10 12:41:18 +01:00
parent c1e9c5b127
commit 005830726e
44 changed files with 87 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/landing/ServicesSection.astro
+16 -10
View File
@@ -59,19 +59,21 @@ const services: Array<ComponentProps<typeof ServicesCard>> = [
max-width: var(--max-content-width);
margin-inline: auto;
padding-block: 8rem;
padding-inline: 5rem;
padding-inline: var(--padding-x);
}
.heading {
display: grid;
grid-template-columns: subgrid;
grid-column: 1 / -1;
@media (min-width: 50rem) {
display: grid;
grid-template-columns: subgrid;
grid-column: 1 / -1;
}
& h2 {
grid-column: 1 / 6;
height: max-content;
font-size: 4.75rem;
font-size: var(--fs-xl);
line-height: var(--leading-title);
letter-spacing: var(--tracking-narrow);
}
@@ -80,22 +82,26 @@ const services: Array<ComponentProps<typeof ServicesCard>> = [
grid-column: -1 / -6;
justify-self: end;
max-width: 32ch;
font-size: 1.5rem;
font-size: var(--fs-lg);
line-height: var(--leading-paragraph);
@media (min-width: 50rem) {
max-width: 32ch;
}
}
}
.cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
grid-column: 1 / -1;
list-style: none;
margin-top: 7rem;
@media (min-width: 50rem) {
grid-template-columns: repeat(3, 1fr);
}
}
</style>