modified creadores
This commit is contained in:
@@ -0,0 +1,26 @@
|
||||
import Image from "next/image";
|
||||
import "./creadores.css";
|
||||
|
||||
interface props{
|
||||
title:string;
|
||||
img:string;
|
||||
width:number;
|
||||
height:number;
|
||||
}
|
||||
|
||||
export default function CreatorCard({title,img,width,height}:props) {
|
||||
return (
|
||||
<div className="card">
|
||||
<div className="imageWrapper">
|
||||
<Image
|
||||
src={img}
|
||||
alt="IO"
|
||||
width={width}
|
||||
height={height}
|
||||
className="creators"
|
||||
/>
|
||||
</div>
|
||||
<h1 className="title">{title}</h1>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
+3
-25
@@ -1,5 +1,5 @@
|
||||
import Image from "next/image";
|
||||
import "./creadores.css";
|
||||
import CreatorCard from "./CreatorCard";
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
@@ -7,31 +7,9 @@ export default function Page() {
|
||||
<div className="container" style={{ display: "flex", justifyContent: "center", gap: "4rem" }}>
|
||||
<div className="img"></div>
|
||||
|
||||
<div className="card">
|
||||
<div className="imageWrapper">
|
||||
<Image
|
||||
src="/IO.png"
|
||||
alt="IO"
|
||||
width={160}
|
||||
height={200}
|
||||
className="creators"
|
||||
/>
|
||||
</div>
|
||||
<h1 className="title">IO</h1>
|
||||
</div>
|
||||
<CreatorCard title="IO" img="/IO.png" width={150} height={200} />
|
||||
<CreatorCard title="CarloSpak" img="/SPAK.png" width={160} height={100} />
|
||||
|
||||
<div className="card">
|
||||
<div className="imageWrapper">
|
||||
<Image
|
||||
src="/SPAK.png"
|
||||
alt="Carlos Pak"
|
||||
width={160}
|
||||
height={100}
|
||||
className="creators"
|
||||
/>
|
||||
</div>
|
||||
<h1 className="title">Carlos Pak</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user