-
Notifications
You must be signed in to change notification settings - Fork 66
Open
Description
Hey,
Is is possible to tell to any specific element that it can occupy 2 or 3 columns instead of 1?
Here is my code snippet
<Masonry
breakpointCols={3}
className="my-masonry-grid"
columnClassName="my-masonry-grid_column"
>
{itemData.map((item) => (
<Box position={"relative"} sx={{ aspectRatio: item.aspectRatio }}>
<Image
key={item.img}
src={item.img}
alt={item.alt}
fill
style={{ objectFit: "cover" }}
/>
</Box>
))}
</Masonry>
</Box>```
For example, first image takes 2 column, the others still remains in 1 column.
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
No labels