Petit and petite are adjectives. They are both the same word. Petit is used as a qualifier for “small”, or “little”, in the masculine form. Petite is used in the feminine form. The s is used for the plural form. The same goes for grandes and grand. Grandes is a plural/feminine qualifier and grands is masculin/plural.

For des filles and de filles it is a little bit different. You use des filles when you want to say girl in the plural form. For example: Il y a des filles dans mon cour de math. – There are girls in my math class.

De fille is used as a qualifier. For example: des films de filles – Girly movies.

Other example : These are games for girls. Ce sont des jeux de filles. (qualifies the game as being girly) vs I played these games with girls. – J’ai joué à ces jeux avec des filles.

Petit et petite sont des adjectifs. Ce sont les mêmes mots. Petit et utilisé comme qualificatif pour la forme au masculin et petite pour le féminin. Le s est utilisé pour le pluriel. C’est la même chose pour grandes et grands. Grandes* est pluriel/féminin et grands est pluriel/masculin.

Pour des filles et de filles, c’est différent. On utilise des filles quand l’on veut utiliser fille au pluriel. De filles est un qualificatif.