half-responsive design

This commit is contained in:
Daniel Yrovas 2025-01-11 14:23:39 +11:00
parent a2afd8737d
commit 0e05c15555
Signed by: danielyrovas
SSH key fingerprint: SHA256:1avlGZQpGW038lBkNI5lOS7f0hIPM7ecJen2/P1MCCU
3 changed files with 11 additions and 5 deletions

View file

@ -1,10 +1,10 @@
<h1>Hello World</h1>
<div class="flex gap-10">
<div class="flex gap-10 flex-col sm:flex-row">
<div class="flex-1">
<div class="shadow-md rounded-xl pt-4 bg-pink-100">
<h2 class="text-center font-bold pb-2">BOOKS</h2>
<.link patch={~p"/books"}>
<img src={~p"/images/book-card-homepage.jpg"} class="rounded-xl" />
<.link patch={~p"/books"} class="flex flex-col items-center">
<img src={~p"/images/book-card-homepage.jpg"} class="rounded-xl w-1/2 sm:w-auto" />
</.link>
</div>