728x90
next14 + tailwind 사용중
<div className="grid grid-cols-3 gap-2 p-4">
{photos.map((image) => (
<div
key={image.reviewId}
className="relative w-full overflow-hidden pb-[100%]"
>
<Image
src={image.imageurl}
alt=""
fill
className="absolute top-0 rounded-lg object-cover"
/>
</div>
))}
</div>
728x90
'Frontend > CSS' 카테고리의 다른 글
[CSS] 프로그레스 바 만들기 (0) | 2023.12.29 |
---|---|
CSS Reset vs Normalize CSS: 웹 스타일링 초기화 방법 비교 (0) | 2023.08.30 |
CSS - slide animation (0) | 2022.03.26 |