Thank you for your reply. I spend some time trying to make it work however I had no success.. I don't know what is the right way to add the custom code I think.. Here is what I have done: I created a container and the target elements by adding in webflow a container element with the class "container" and some div elements inside it with the classes "mix category-1", "mix category-2", "mix category-3" and these attributes data-myorder="1", data-myorder="2", data-myorder="3". I also added a list element with 3 list items which have the class "filter". I made all the list items links and added them these attributes data-filter=" .category-1", data-filter=" .category-2" , data-filter=" .category-3" . I also added a background colour and some sizes for the container, the div blocks inside the container and the list items. Then I added this lines in the custom code area first before tag and then to the tag:
But unfortunately it didn't work.. I know I might sound like a noob developer. I love the design part. I am a designer, that's why I don't know to code yet.
Please if you can let me know what I have done wrong. Meanwhile I will continue to make it work however I think there is something I am always doing wrong.