Adriano/InsanityLab-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: immagine sezione about a risoluzione adeguata

Browse Source 
about-team-group.jpg (270×480) vincolato a max-width 320px per evitare
stiramento a 50vw (~650px). widths ridotto a [270], sizes="270px".

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
AdrianoDev
2026-07-02 01:16:32 +02:00
parent ba89568a38
commit c4cb05e142
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/about.astro
+3 -2
View File
@@ -53,8 +53,8 @@ export const prerender = true;
<p>InsanityLab nasce con l'obiettivo di unire fitness e salute in un unico percorso dedicato al benessere globale, superando il concetto tradizionale di palestra. Un laboratorio esclusivo, guidato da osteopati e chinesiologi e professionisti specializzati, dove movimento, prevenzione e performance convivono all'interno di un approccio personalizzato e consapevole.</p> <p>InsanityLab nasce con l'obiettivo di unire fitness e salute in un unico percorso dedicato al benessere globale, superando il concetto tradizionale di palestra. Un laboratorio esclusivo, guidato da osteopati e chinesiologi e professionisti specializzati, dove movimento, prevenzione e performance convivono all'interno di un approccio personalizzato e consapevole.</p>
</div> </div>
{imgOf('about-team-group') && ( {imgOf('about-team-group') && (
<div class="about-img-row__img"> <div class="about-img-row__img about-img-row__img--native">
<Image src={imgOf('about-team-group')!} alt="Team InsanityLab" widths={[600, 900]} sizes="(max-width:767px) 100vw, 50vw" /> <Image src={imgOf('about-team-group')!} alt="Team InsanityLab" widths={[270]} sizes="270px" />
</div> </div>
)} )}
</div> </div>
@@ -149,6 +149,7 @@ export const prerender = true;
.about-img-row--reverse { direction: rtl; } .about-img-row--reverse { direction: rtl; }
.about-img-row--reverse > * { direction: ltr; } .about-img-row--reverse > * { direction: ltr; }
.about-img-row__img img { width: 100%; height: auto; display: block; } .about-img-row__img img { width: 100%; height: auto; display: block; }
.about-img-row__img--native { max-width: 320px; margin: 0 auto; }
.conv { max-width: 760px; margin: 0 auto 30px; display: grid; gap: 18px; padding-left: 20px; } .conv { max-width: 760px; margin: 0 auto 30px; display: grid; gap: 18px; padding-left: 20px; }
.conv__cta { text-align: center; font-family: var(--font-heading); letter-spacing: .06em; } .conv__cta { text-align: center; font-family: var(--font-heading); letter-spacing: .06em; }
.tgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } .tgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }