How to change a duplicated grid without also changing the first grid

Hi, i started to build my portfolio using the default portfolio template that webflow offers. it comes with a grid that contains 4 divs that represent different works with a link to the work page. I like the design and i wanted to duplicate it again but this time change the divs to display different images. but every time i change the image/grid of the duplicated grid/divs it also changes it in the first grid. how can i solve this problem?

Thanks in advance!


Here is my site Read-Only: [https://preview.webflow.com/preview/snir-azran-portfolio?utm_medium=preview_link&utm_source=designer&utm_content=snir-azran-portfolio&preview=283b2a857e8b406db12c7e02b799760a&workflow=preview]

Hey @Snir_Azran , if you notice in the styles panel, each div is a class and therefore when you change the image in one, it affects all the other classes.

All you have to do is setup combo classes as it has been done with the other divs.

Screen Shot 2021-11-12 at 4.33.07 PM

Adding CC Work 6, CC Work 7,… and so on should help you out.

@imtiazraqib

Thank you so much for this, so helpful :slight_smile: