Irregular image grid help
What the best way of making an irregular image grid. Where pictures have different sizes and start at different places?
5 Replies
this looks like a pretty straight forward grid actually to me but with the first elements in each column
position: relative for the offset and a couple of align-self: end?I'd personally divide this into 7 column grid, with a number of rows, and position the elements in their appropriate grid slots using grid area or just refering to start and end columns
no what if the gaps also have different sizes, like this
this wouldn't really change my answer. Note that the images don't have to take up 100% of the width and height of the declared grid areas. As in the center element. The perceived gap size inconsistency on the right edge could just be an image taking up only 90~% of the available grid area width.
alrighty, i will try. Thank you for you input. I appreciate it.