|
262 | 262 | color: var(--text-primary); |
263 | 263 | text-decoration: none; |
264 | 264 | } |
265 | | - /* Per-card opt-in: lock to 384 × 384 exactly. Sits in a col-span-4 grid |
266 | | - cell (wider than 384 px at desktop) and is centered horizontally. |
267 | | - Below 384 px cell width the card scales down 1:1 instead of overflowing. */ |
268 | | - .featured-card.featured-square { |
269 | | - height: auto; |
270 | | - width: min(100%, 384px); |
271 | | - max-width: 384px; |
272 | | - aspect-ratio: 1 / 1; |
273 | | - margin: 0 auto; |
274 | | - } |
275 | | - /* align-items: start so Cambrian-P's 384px height doesn't pull siblings; |
276 | | - each card keeps its own height. */ |
277 | | - .featured-grid { align-items: start; } |
278 | 265 |
|
279 | 266 | .featured-card img { |
280 | 267 | height: 100%; |
@@ -497,19 +484,14 @@ <h2 class="font-styrene text-4xl font-bold mb-4">Building Supersensing for Super |
497 | 484 | </div> |
498 | 485 |
|
499 | 486 | <section class="featured-banners"> |
500 | | - <!-- Single grid as before: 3 + 4 + 3 in row 1, 5 + 5 in row 2. |
501 | | - Only Cambrian-P gets `.featured-square` so its height tracks |
502 | | - its own width (aspect 1/1); the other tiles keep the original |
503 | | - fixed height. align-items: start so Cambrian-P's shorter |
504 | | - height doesn't pull the others. --> |
505 | | - <div class="grid grid-cols-1 md:grid-cols-10 gap-4 featured-grid"> |
506 | | - <a href="https://cambrian-mllm.github.io/cambrian-p" target="_blank" class="featured-card featured-square md:col-span-4 bg-kraft"> |
| 487 | + <div class="grid grid-cols-1 md:grid-cols-10 gap-4"> |
| 488 | + <a href="https://cambrian-mllm.github.io/cambrian-p" target="_blank" class="featured-card md:col-span-3 bg-kraft"> |
507 | 489 | <img src="imgs/cambrian-p.png" alt="Cambrian-P" onerror="this.src='https://placehold.co/400x400/d4a27f/ffffff?text=Cambrian-P'; this.onerror=null;"> |
508 | 490 | <div class="text-container"> |
509 | 491 | <h3 class="featured-title">Cambrian-P</h3> |
510 | 492 | </div> |
511 | 493 | </a> |
512 | | - <a href="cambrian-s" target="_blank" class="featured-card md:col-span-3 bg-book-cloth"> |
| 494 | + <a href="cambrian-s" target="_blank" class="featured-card md:col-span-4 bg-book-cloth"> |
513 | 495 | <img src="imgs/cambrian-s-v2.webp" alt="Cambrian-S" onerror="this.src='https://placehold.co/800x400/cc785c/ffffff?text=Cambrian-S'; this.onerror=null;"> |
514 | 496 | <div class="text-container"> |
515 | 497 | <h3 class="featured-title">Cambrian-S</h3> |
|
0 commit comments