fix(landing): heading tiles span only 1 cell like app tiles

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till JS 2026-03-28 21:19:27 +01:00
parent 3f4a100b3b
commit 466f7f3478

View file

@ -88,43 +88,27 @@ const items: Item[] = [
grid-template-columns: repeat(2, 1fr);
}
.heading-tile {
grid-column: span 2;
}
@media (min-width: 640px) {
.app-grid {
grid-template-columns: repeat(3, 1fr);
}
.heading-tile {
grid-column: span 3;
}
}
@media (min-width: 768px) {
.app-grid {
grid-template-columns: repeat(4, 1fr);
}
.heading-tile {
grid-column: span 3;
}
}
@media (min-width: 1024px) {
.app-grid {
grid-template-columns: repeat(5, 1fr);
}
.heading-tile {
grid-column: span 3;
}
}
@media (min-width: 1280px) {
.app-grid {
grid-template-columns: repeat(6, 1fr);
}
.heading-tile {
grid-column: span 3;
}
}
</style>