diff options
Diffstat (limited to 'examples/blog/src')
-rw-r--r-- | examples/blog/src/components/BlogPostPreview.astro | 6 | ||||
-rw-r--r-- | examples/blog/src/pages/index.astro | 6 |
2 files changed, 5 insertions, 7 deletions
diff --git a/examples/blog/src/components/BlogPostPreview.astro b/examples/blog/src/components/BlogPostPreview.astro index 0451a8c57..6a553366d 100644 --- a/examples/blog/src/components/BlogPostPreview.astro +++ b/examples/blog/src/components/BlogPostPreview.astro @@ -10,10 +10,8 @@ const { post } = Astro.props; <p class="publish-date">{post.publishDate}</p> <a href={post.url}><h1 class="title">{post.title}</h1></a> </header> - <main> - <p>{post.description}</p> - <a href={post.url}>Read more</a> - </main> + <p>{post.description}</p> + <a href={post.url}>Read more</a> </article> <style> diff --git a/examples/blog/src/pages/index.astro b/examples/blog/src/pages/index.astro index b082088c8..224e9db1d 100644 --- a/examples/blog/src/pages/index.astro +++ b/examples/blog/src/pages/index.astro @@ -76,15 +76,15 @@ allPosts = allPosts.sort((a, b) => new Date(b.publishDate).valueOf() - new Date( <body> <BlogHeader /> <div class="layout"> - <article class="content"> + <main class="content"> <section class="intro"> <h1 class="latest">{title}</h1> <p>{description}</p> </section> - <section> + <section aria-label="Blog post list"> {allPosts.map(p => <BlogPostPreview post={p} />)} </section> - </article> + </main> </div> </body> </html> |