I'm currently working on my new portfolio and I have a some issues with the responsive aspect.
In order to present my projects, I made a container with a width of 980 and in it I put a list with images of 450x450 and 20 margin. On big screen the spacing looks good. But as soon as I go on lower screen it is messed up. Now I understand why it does that, but I don't know how to fix it. I'm guessing I'm probably gonna have to play with % to make the squares or something like that but I'm not sure. The square doesn't need to be exactly 450, but they need to be squares.
If anyone can help me that would be nice
Here is a link to the current portfolio : https://preview.webflow.com/preview/portfolio-2ff483?preview=750916944d02f1220c8ecd02fb40cdf6