Here’s the dealy-o: I’m simply laying out my portfolio items in a grid, but the grid is showing “holes” in it on Firefox (but not on Chrome). I have saved all the images as exactly the same size and used a dynamic list to display them in a grid, so they should be showing up the same throughout, right?
What I’ve been able to find in highlighting the page is that when the page is narrower and the items are stacked, some images seem to be smaller width-wise than others (again, even though all of them are saved at the same dimensions). See this screenshot for what I’m talking about: 2017-03-04_02-24-50.png
Hi there @adiggy, at the moment the dynamic list item does not autocalculate the height of dynamic items, so give the class that is assigned to the Dynamic Item, a value for Height, either px, % or vh value.
In order to have equal spacing in the grid, all dynamic items need to be the same height.
Thanks again as always for jumping in to help, Cyberdave!
My clarifying question here is similar to the interactions post you just helped with: If I had a specific height on these elements, then wouldn’t I have to change the height in each responsive view? Is there a way to give all of them a height but still allow all of them to flow responsively across the board? For example, is there a way to keep the ratio 2:1 in all viewports or does there have to be a specific height?
Hi @adiggy, it does not appear that any height was added yet to the dynamic item. The dynamic item does not yet account for dynamic items of varying height, so it is a good idea to give the dynamic item some height to be consistent across all the browsers.
Regarding the height in the lower views, you might need to change the height, but probably is not going to impact as much if you only show two or even one column of images on mobile landscape and lower views.
On lower views you could change each dynamic item width from 33.333% to say 50% to show only two items per row, or 100% to show one item per row. When showing 1 items per row, i.e. on mobile landscape, you could then set the height to auto for the dynamic item as the height would no longer be a factor.
