sidski/kjelsrud.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

📱 fix image size on phones

Browse source 
Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>
This commit is contained in:
Sid 2024-09-02 21:55:44 +02:00
parent 7cb4bbcf0b
commit 1f4fceead7
Signed by: sidski
GPG key ID: D2BBDF3EDE6BA9A6
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/pages/guestbook.astro
View file

@ -16,7 +16,7 @@ const visitors = guestbook["visitors"];
{visitors.map((visitor) => ( {visitors.map((visitor) => (
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
<figure class="relative"> <figure class="relative">
<img src={visitor.image} class="object-cover h-[300px] w-full rounded-sm"/> <img src={visitor.image} class="object-cover h-full md:h-[300px] w-full rounded-sm"/>
<figcaption class="absolute bottom-2 left-2 bg-black text-white px-2 py-1 rounded-xl text-xs"> <figcaption class="absolute bottom-2 left-2 bg-black text-white px-2 py-1 rounded-xl text-xs">
<div class="guestbook"> <div class="guestbook">
{visitor.name} ✿ {visitor.name} ✿