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.
Oh wow thanks !
It works perfectly !
I did the weird CSS one and it’s amazing ! I wouldn’t have found this one by myself
I am not so amazing with coding and stuff so I didn’t tought I could use transform to do such thing !
I’ll probably reuse that.
Thanks a lot for the help !