chore(website): improve screenshot fit on mobile

This commit is contained in:
Elian Doran 2025-09-27 11:46:36 +03:00
parent ab162efab8
commit 3ce9c7ba3d
No known key found for this signature in database
2 changed files with 6 additions and 3 deletions

View File

@ -72,8 +72,7 @@ section.hero-section .title-section h1 {
color: var(--foreground-color);
}
section.hero-section .image,
section.hero-section .image img {
section.hero-section .screenshot {
position: relative;
width: 100%;
height: auto;
@ -108,6 +107,10 @@ section.hero-section .more-download-options {
section.hero-section .title-section {
max-width: 90%;
}
section.hero-section .screenshot {
margin-top: 2em;
}
}
@media (min-width: 720px) {

View File

@ -29,7 +29,7 @@ function HeroSection() {
</div>
</div>
<figure class="image"><img src="./src/assets/screenshot_desktop_win.png" /></figure>
<img class="screenshot" src="./src/assets/screenshot_desktop_win.png" />
</Section>
)
}