reuterShawn/shawn-reuter-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed image min height

Browse Source
This commit is contained in:
Maxi Ferreira 2022-08-12 13:01:55 -07:00
parent 1f698b65e6
commit 937b87938f
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/index.astro
View File

@ -16,7 +16,7 @@ const permalink = Astro.site.href;
<div class="hero-image-container"> <div class="hero-image-container">
<picture> <picture>
<source srcset="/assets/home-illustration.webp" media="(min-width: 600px)"> <source srcset="/assets/home-illustration.webp" media="(min-width: 600px)">
<img class="hero-image" fetchpriority="high" alt="Illustration of person reading a book" src="/assets/home-illustration-small.webp" width="550" height="466"> <img class="hero-image" alt="Illustration of person reading a book" src="/assets/home-illustration-small.webp" width="550" height="466">
</picture> </picture>
<p class="caption"> <p class="caption">
Illustration by Illustration by
@ -53,9 +53,13 @@ const permalink = Astro.site.href;
font-size: 1.4em; font-size: 1.4em;
} }
.home-image-container { .hero-image-container {
margin: 0 1em; margin: 0 1em;
text-align: center; text-align: center;
}
.hero-image-container picture {
display: block;
min-height: 250px; min-height: 250px;
} }