Skip to content

some elements can occupy more than one column #90

@dbasibuyuk

Description

@dbasibuyuk

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions