diff --git a/site/decodal-site/src/pages/index.astro b/site/decodal-site/src/pages/index.astro
index 5d6c6bf..bb00e7f 100644
--- a/site/decodal-site/src/pages/index.astro
+++ b/site/decodal-site/src/pages/index.astro
@@ -27,36 +27,18 @@ Production = Server & {
diff --git a/site/decodal-site/src/style.css b/site/decodal-site/src/style.css
index d11adec..1c5df28 100644
--- a/site/decodal-site/src/style.css
+++ b/site/decodal-site/src/style.css
@@ -542,41 +542,47 @@ button:disabled {
border: 1px solid var(--border);
border-radius: 18px;
margin-bottom: 1.5rem;
- padding: 1.4rem;
+ padding: 1.2rem 1.4rem;
}
.home-packages h2 {
- margin-top: 0;
+ margin: 0 0 0.9rem;
}
-.package-links {
- display: grid;
- gap: 0.75rem;
- grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-
-.package-links a {
+.primary-package {
border: 1px solid var(--border);
border-radius: 14px;
- display: block;
- padding: 1rem;
+ display: inline-block;
+ margin-bottom: 0.9rem;
+ padding: 0.9rem 1rem;
text-decoration: none;
}
-.package-links span {
+.primary-package span {
color: var(--muted);
display: block;
font-size: 0.9rem;
- margin-bottom: 0.3rem;
+ margin-bottom: 0.25rem;
}
-.package-links strong {
+.primary-package strong {
color: var(--text);
display: block;
- font-size: 0.95rem;
+ font-size: 1.15rem;
overflow-wrap: anywhere;
}
+.package-list {
+ columns: 2;
+ margin: 0;
+ padding-left: 1.2rem;
+}
+
+.package-list li {
+ break-inside: avoid;
+ margin: 0.25rem 0;
+}
+
.home-grid {
display: grid;
gap: 1rem;
@@ -623,10 +629,12 @@ button:disabled {
}
.playground-shell,
.home-grid,
- .home-example,
- .package-links {
+ .home-example {
grid-template-columns: 1fr;
}
+ .package-list {
+ columns: 1;
+ }
.hero {
padding-top: 3rem;
}