I have a web project with a project section , the project are in the form of cards and the content in each project card is placed either on rightmost or leftmost. When i use media queries i am not able to center the content even though all the project cards have same class but the change is only applied to the very first card. I am really confused here.

i tried to align the content in the center using flex but it only applies to the first card also using ids for each project doesn’t work as well.