HTML and CSS Help

[Ethan-Mircheff]

Body

I am trying to make a GitHub pages site for a photography portfolio, but I am having an issue with the spacing of the images in one of the subpages. Is there a good way to fix this? It only happens on computers, on Edge mobile and Safari on iPhone it works perfectly.
Repository: https://github.com/Ethan-Mircheff/photography
Site: https://ethan-mircheff.github.io/photography/

Guidelines

• I have read and understood this category's guidelines before making this post.

[yunwei-zh]

Hi Ethan,

Thanks for your detailed description.

After reading your post carefully, I noticed what you are facing now.

When you reduce the window size, the images are only in three columns, and one column.

Not two columns.

You will have to fix this to complete it perfectly.

That could be an issue.

To fix it, you need to add more variables to control precisely.

If you are interested, please DM

Hope to contact with you soon.

Best regards

[Ethan-Mircheff]

Thanks for your reply, I would like some help with the code to solve this, I did some research but I wasn't able to find any good sources before. What variables do you recommend adding to fix the scaling?

[Ethan-Mircheff]

Could you give me an example of where to implement this? I am still fairly new to CSS.

[Ethan-Mircheff]

Thanks for the help, that worked great.