some edit
This commit is contained in:
@@ -118,7 +118,7 @@ const Card = ({ link, background, title, imageAlt, stats }: CardData) => {
|
||||
href={link}
|
||||
aria-label={title}
|
||||
style={{ backgroundImage: `url(${background})` }}
|
||||
className="before:content-[] relative min-h-auto w-full overflow-hidden rounded-lg bg-black/80 bg-cover bg-center bg-no-repeat p-5 transition-all duration-300 before:absolute before:start-0 before:top-0 before:z-10 before:block before:size-full before:bg-black/50 before:transition-all before:duration-300 hover:before:bg-black/30 sm:aspect-square md:aspect-auto md:min-h-120 md:max-w-120"
|
||||
className="before:content-[] relative min-h-auto w-full overflow-hidden rounded-lg bg-black/80 bg-cover bg-center bg-no-repeat p-5 transition-all duration-300 before:absolute before:start-0 before:top-0 before:z-10 before:block before:size-full before:bg-black/50 before:transition-all before:duration-300 hover:before:bg-black/30 sm:aspect-square md:aspect-auto md:min-h-120"
|
||||
>
|
||||
<span className="sr-only">{imageAlt}</span>
|
||||
<div className="relative z-20 flex size-full flex-col justify-between gap-20 text-start md:gap-16">
|
||||
@@ -150,9 +150,9 @@ interface Feature222Props {
|
||||
|
||||
const Feature222 = ({ className }: Feature222Props) => {
|
||||
return (
|
||||
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
||||
<div className="container">
|
||||
<div className="grid gap-5 md:grid-cols-2 lg:grid-cols-3">
|
||||
<section dir="rtl" lang="fa" className={cn("w-full min-w-0 py-32", className)}>
|
||||
<div className="w-full px-4 sm:px-6 lg:px-8">
|
||||
<div className="grid w-full grid-cols-1 gap-5 md:grid-cols-2 lg:grid-cols-3">
|
||||
{LIST.map((item) => (
|
||||
<Card key={item.id} {...item} />
|
||||
))}
|
||||
|
||||
Reference in New Issue
Block a user