fix: responsivness of login card
This commit is contained in:
parent
c42c64ae2d
commit
32f5be8ff0
@ -1,6 +1,6 @@
|
|||||||
<footer class="bg-gray-900 text-gray-500 py-4 mt-4 gap-5 text-xs font-bold wrapper">
|
<footer class="bg-gray-900 text-gray-500 py-4 mt-4 gap-5 text-xs font-bold wrapper">
|
||||||
<a href="/" class="px-3 py-1 bg-white text-gray-800 font-black font-space">eKart</a>
|
<a href="/" class="px-3 py-1 bg-white text-gray-800 font-black font-space">eKart</a>
|
||||||
<div class="grid md:grid-cols-4 mt-2">
|
<div class="grid md:grid-cols-4 mt-2 gap-y-4">
|
||||||
<div class="footer-links">
|
<div class="footer-links">
|
||||||
<a href="">
|
<a href="">
|
||||||
<lucide-angular [img]="MailIcon" class="w-3" />
|
<lucide-angular [img]="MailIcon" class="w-3" />
|
||||||
|
|||||||
@ -1,7 +1,11 @@
|
|||||||
<section class="my-20 flex justify-center items-center">
|
<section class="my-10 sm:my-20 flex justify-center items-center">
|
||||||
<article class="card max-w-8/12 grid sm:grid-cols-3 gap-x-4">
|
<article class="card max-w-11/12 sm:max-w-8/12 grid md:grid-cols-2 lg:grid-cols-3 gap-4">
|
||||||
<div class="col-span-2">
|
<div class="md:col-span-1 lg:col-span-2">
|
||||||
<img src="/assets/images/login-page.jpg" alt="" class="rounded-lg" />
|
<img
|
||||||
|
src="/assets/images/login-page.jpg"
|
||||||
|
alt=""
|
||||||
|
class="rounded-lg object-cover w-full h-full"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<article class="space-y-4">
|
<article class="space-y-4">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user