first card (with pic) and grid/loop for it

This commit is contained in:
2022-11-24 00:26:18 +02:00
parent 2638be4ad1
commit f0dbd3c95c
6 changed files with 40 additions and 3 deletions

View File

@ -0,0 +1,7 @@
%a.group.overflow-hidden.relative.flex.h-96.w-full.items-end.bg-black{:href => "#"}
= image_for( element , "absolute inset-0 h-full w-full object-cover hover:scale-110 ease-in duration-700")
.relative.w-full.bg-cyan-600.m-2.p-4.text-center.tracking-widest.text-white.transition-colors.group-hover:bg-cyan-700{:class => "sm:w-1/2"}
%h3.text-lg.uppercase
= element["header"]
%p.mt-1.text-xs.font-medium
= element["text"]