No CSS validator works properly. This is because browsers have their own standard.
Programmers write css code and use our eyes to valid.
For example, try validating apple.com, yes the leading computer software and hardware company. The validator says there is 1452 errors!
You can also try to validate microsoft windows. The validator says there is 55 errors! https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.microsoft.com%2Fen-us%2Fwindows&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en
Surely, these two global leading software and hardware company employs top notch programmers right? In fact, they are the people writing the software. There should be no errors. This shows that css validators don’t work.
I don’t think there is anything wrong with our CSS code.
In order for me to help you, Please kindly start by tell me which element, and in which view, as well as what you want to achieve.
For example, questions like the following.
in iPhone portrait view, Can you make the individual product full width in one column instead of 4 columns?… etc
You can take a look at other threads, see how other users phrase their question.
I can solve only one question at a time.
Thank you for your understanding.