webfussel/wf4
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ADD: optimize images

Browse source
This commit is contained in:
webfussel 2024-05-24 09:01:22 +02:00
parent 4d0615923d
commit bd945e1ea9
91 changed files with 48 additions and 266 deletions
Download patch file Download diff file Expand all files Collapse all files

8
components/Intro/Intro.css
View file

@ -29,6 +29,14 @@
}
}
@media (width <= 430px) {
.Intro {
.intro-img{
width: 430px;
}
}
}
@media (width < 900px) {
.Intro {
grid-template-columns: 1fr;

5
components/Intro/Intro.vue
View file

@ -24,7 +24,10 @@
<Button href="#services" class="cta" label="Lass mal reden" />
</div>
<div class="intro-img">
<img src="/profile.webp" alt="Bild von mir" />
<picture>
<source media="(min-width: 431px)" srcset="/img/profile_big.webp" />
<img src="/img/profile_small.webp" alt="Bild von mir" />
</picture>
</div>
</section>
</template>