Infrastructure/astro
0
Fork 0
mirror of https://github.com/withastro/astro.git synced 2024-12-23 21:53:55 -05:00
Code Issues Activity

fix: hero image width

Browse source
This commit is contained in:
Nate Moore 2021-06-08 14:28:38 -05:00
parent 697e9e5aca
commit b4f1c02971
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
www/src/components/BlogPost.astro
View file

@ -11,7 +11,7 @@ export let heroImage: string;
<article class="content"> <article class="content">
<div> <div>
<header> <header>
{heroImage && <img width="720" height="360" class="hero-image" loading="lazy" src={heroImage} />} {heroImage && <img width="720" height="480" class="hero-image" loading="lazy" src={heroImage} />}
<p class="publish-date">{publishDate}</p> <p class="publish-date">{publishDate}</p>
<h1 class="title">{title}</h1> <h1 class="title">{title}</h1>
<Author authorId={author} /> <Author authorId={author} />
@ -24,9 +24,12 @@ export let heroImage: string;
<style> <style>
.hero-image { .hero-image {
width: 100%; width: 100vw;
object-fit: cover;
object-position: center;
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 4rem; margin-bottom: 4rem;
max-width: 1280px;
} }
.content { .content {
margin-bottom: 8rem; margin-bottom: 8rem;