ebby/Bluewaterblog
1
0
Fork 0
Code Issues 10 Pull requests Projects Releases Packages Wiki Activity Actions

aspect ratio 1/1 double img

Browse source
This commit is contained in:
ebby 2026-09-19 15:38:27 +02:00
parent 6814e8f272
commit 13f1146713
1 changed files with 3 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
blog/src/components/blog/DoubleImage.astro
View file

@ -5,19 +5,15 @@ const { src1, src2, alt1, alt2, description } = Astro.props;
--- ---
<div class="container"> <div class="container">
<Image <img
src=`/blog_img/${src1}` src=`/blog_img/${src1}`
alt={alt1} alt={alt1}
width={1200}
height={800}
class="rounded blog-image img-width" class="rounded blog-image img-width"
loading="lazy" loading="lazy"
/> />
<Image <img
src=`/blog_img/${src2}` src=`/blog_img/${src2}`
alt={alt2} alt={alt2}
width={1200}
height={800}
class="rounded blog-image img-width" class="rounded blog-image img-width"
loading="lazy" loading="lazy"
/> />
@ -33,6 +29,7 @@ const { src1, src2, alt1, alt2, description } = Astro.props;
.img-width { .img-width {
width: 49%; width: 49%;
aspect-ratio: 1/1;
} }
p { p {