mariosant/mariosant.dev
1
0
Fork 0
Code Issues Pull Requests Actions Activity

fix picture

Browse Source
This commit is contained in:
Surjith S M
2022-11-12 19:27:00 +05:30
parent 02dff219dc
commit 8c4e6495c0
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/blog.astro
View File

@@ -32,11 +32,11 @@ console.log(posts[0].frontmatter.image);
<div class="grid md:grid-cols-2 gap-5 md:gap-10 items-center"> <div class="grid md:grid-cols-2 gap-5 md:gap-10 items-center">
<Picture <Picture
src={post.frontmatter.image} src={post.frontmatter.image}
widths={[400, 800]} widths={[200, 400, 800]}
aspectRatio="16:9"
sizes="(max-width: 800px) 100vw, 800px" sizes="(max-width: 800px) 100vw, 800px"
alt="descriptive text" aspectRatio="16:9"
class="w-full rounded-md" alt="Thumbnail"
class="w-full rounded-md aspect-video"
/> />
<div> <div>
<span class="text-blue-400 uppercase tracking-wider text-sm font-medium"> <span class="text-blue-400 uppercase tracking-wider text-sm font-medium">