I am currently trying to use a portfolio grid to display team members of a website I am developing.

What the problem is, is that in order to get it seamless, each of the elements with the class "col3" in the portfolio has a width of 25% and no margin, and as a result at some resolutions instead of four per row, it becomes 3 per row. How can it be done?

Note: We are not looking for fullscreen as the grid itself is in a (1/6 + 4/6 + 1/6) row.