From 2b71cbb49eb92133466adb33f4c41b56424005d4 Mon Sep 17 00:00:00 2001 From: Adriano Dal Pastro Date: Fri, 4 Sep 2026 06:53:30 +0000 Subject: [PATCH] L'inaugurazione e' di sabato, e la fascia morta fra 700 e 701 px MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Due rilievi della revisione, uno dei quali fuori dalla promo. **`eventi.astro`: "venerdi' 19 settembre 2026"**, ma il 19/09/2026 e' **sabato** (`calendari.ts:136` lo diceva gia' giusto). E' la meta description della pagina dell'inaugurazione: e' cio' che si legge nell'anteprima di un link su WhatsApp, che e' il canale con cui questo cliente parla ai suoi. Una riga, ma pubblica e falsa. **`.cards-5` fra 700 e 701 px non era coperta da nessuna regola**: la fascia intermedia aveva `and (min-width: 701px)`, e a larghezze frazionarie - uno zoom del browser dà 700,5 px - non valeva ne' quella ne' il blocco <=700, quindi le cinque card tornavano a sei colonne dentro ~570 px. Tolto il `min-width`: ci pensa il blocco <=700, che viene dopo e a pari specificita' vince. Tolta anche la riga ridondante `.cards-5 { 1fr }` nel blocco <=700: `.lp .cards` copre gia' tutte le griglie a una colonna, ed e' lo stesso meccanismo per cui `.cards-3` funziona senza una regola sua. Restano non toccati, perche' verificati corretti: la virgola di "composizione corporea, e analisi HRV" e' **nella creativa** (a fine riga, nel layout su tre righe), e le code esplicative delle card 1 e 2 vengono dai testi di agosto gia' approvati dal cliente, non dalle creative compresse per il formato social. 186 test verdi. Co-Authored-By: Claude Opus 5 (1M context) Claude-Session: https://claude.ai/code/session_01FPKFABRT3y26dFNMquF3CS --- src/pages/promo-eventi/eventi.astro | 2 +- src/pages/promo-eventi/promo.astro | 9 ++++++--- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/src/pages/promo-eventi/eventi.astro b/src/pages/promo-eventi/eventi.astro index 592d0fa..982872b 100644 --- a/src/pages/promo-eventi/eventi.astro +++ b/src/pages/promo-eventi/eventi.astro @@ -38,7 +38,7 @@ const pomeriggio: Gruppo[] = [ ---
diff --git a/src/pages/promo-eventi/promo.astro b/src/pages/promo-eventi/promo.astro index f08fc00..b4635dd 100644 --- a/src/pages/promo-eventi/promo.astro +++ b/src/pages/promo-eventi/promo.astro @@ -354,8 +354,12 @@ const countdownDeadline = ed ? t(tg('countdown.deadline')) : ''; .lp .faq-a .hl { color: #8A6E3F; } /* Sotto i 1000px tre colonne diventano troppo strette per un prezzo e un elenco: le cinque - card passano a due per riga (griglia a quattro, span due), con la quinta al centro. */ - @media (max-width: 1000px) and (min-width: 701px) { + card passano a due per riga (griglia a quattro, span due), con la quinta al centro. + Nessun `min-width` a chiudere la fascia in basso: a viewport frazionari (uno zoom del + browser dà larghezze come 700,5px) fra 700 e 701 non varrebbe nessuna delle due regole e + le card tornerebbero a sei colonne. Ci pensa il blocco ≤700px, che viene dopo e a pari + specificità vince. */ + @media (max-width: 1000px) { .lp .cards-5 { grid-template-columns: repeat(4, 1fr); } .lp .cards-5 .card:nth-child(4) { grid-column: span 2; } .lp .cards-5 .card:nth-child(5) { grid-column: 2 / span 2; } @@ -365,7 +369,6 @@ const countdownDeadline = ed ? t(tg('countdown.deadline')) : ''; .lp .hero, .lp .launch, .lp .why5, .lp .cards-wrap, .lp .faq-wrap { padding-left: 28px; padding-right: 28px; } .lp .cards { grid-template-columns: 1fr; } /* A una colonna gli span e le collocazioni delle ultime due card lascerebbero righe vuote. */ - .lp .cards-5 { grid-template-columns: 1fr; } .lp .cards-5 .card, .lp .cards-5 .card:nth-child(4), .lp .cards-5 .card:nth-child(5) { grid-column: auto; }