Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
sierrabartonartistry

choosing how many images to a row

Question

Posted (edited)

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

Edited by sierrabartonartistry
Initial Revision

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0

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/

Share this post


Link to post
  • 0

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?

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...