How to track where the css value comes from?

Question

css

Good day!
Please help me figure it out: There is a site on WP + woocommerce (product output is configured 4 columns of 12 per page).
Displayed goods: horizontal, 4 lines. As soon as I drag the browser to less than 769px, only 2 out of 4 elements remain in the row, and the last one is assigned: float: right. clear: both (that is, two elements remain. They are pressed along the edges (one to the left and the other to the right), there is a huge gap between them).
Where this crap comes from, I can't figure it out. At first I thought that these were some kind of media queries, but I did not find them.

Answer 1

Try searching for "resize" in javascript.

Answer 2

Most likely, js is connected for adaptability. look at what is connected and google the suspicious :-)
Or yes... look in the custom code

Answer 3

Enable the developer console in your browser. In chrome, for example, you can see all the styles for the selected element, indicating in which file they are written.