choosing how many images to a row

i am using the lange template and would like to restrict the amount of images to three per row, no matter the size of browser window the viewer has. Is there a solution or code that I can use to fix this? Thank you

Sure. You can use CSS Grid to do that. I made a demo showing you how it works. I have 3 things on a line regardless of the size of the screen. You can change the number of things by changing how many times it says "auto". For instance, "auto auto auto" means 3 things, but "auto auto" means 2 on a row. https://codepen.io/montaz-meah-ii/pen/oNvwObQWithout a link to your site, it's hard for someone to give you a more specific answer, however.You can learn more about CSS Grid in this game: https://cssgridgarden.com/

hmm it doesn't seem to be working for me.I inserted the code from the link you sent me, section { display: grid; grid-template-columns: auto auto auto; outline: 1px solid red;}

In my custom CSS area, but it still isnt coming out to three images on larger monitors.

did i do it wrong?