I would love some input on a problem i'm having with this site based on the animal shelter theme. Its my first RSD site.
www.lilysdancestudios.com.au
My issue is at the break points between when the "dance class" columns are 4 columns wide and a single stack,
when the columns break into two columns wide the bottom two columns are not side by side!
the 8 columns are in 2 rows of 4, the top row seems to work fine and I can't see what's different on the bottom row!

Any ideas?

Post the project. I can see anything just looking at the source code.

It seems that some of the 'cards' have a margin and some a padding. Anjd the padding of the two last ones get in the way of each other. But post your project file, it will be easier to help when we can examine it.

yeah, I meant I *can't* see anything looking at the source code on the website link. All the classes seem to be the same size, and all the columns appear to have the appropriate classes.

I think there is some weird stuff going on with the first column in that second row. in the Developer Tool extension, I can change the order of the columns and if the first column is last, and or 2nd from last, the layout will work. All the classes are the same - except for some reason you have a breakpoint at 1024 (or 1046) styled for the first column, but not the rest. I don't know if it shows up in RSD, of if it was there and you deleted it, but the first column does have an extra media query class. Maybe some style is being cascaded? And in the first row, all the columns have a 0 push or pull - I think something RSD forgot to take out when you zeroed the push/pull out.

this is the project
https://www.dropbox.com/s/cgzfupoezle4q … e.rsd?dl=0

I notice that the images are not the same size. The proportions are the same, but I wonder if you may want to set a max-width on them, so that they expand and shrink the same way. You can set different max-widths at different breakpoints.

I can't figure it out - because all the classes are the same.
But the problems comes down to the guitar woman image. Changing it to any other, and the problem in RSD and previews goes away. I don't have access to the source image, but perhaps check the ratios on it. I don't lnow why - but that seems to be it.,

If you export the project, you will have access to all the images.

Thanks for your insight guys.
I've suspected its something to do with an image! I have swapped the last two with no results but not the "guitar" image.
I'll look into the image properties and see what's different

Problem Solved:)
The pic with the guitar is smaller than the others, when a changed it everything seemed to work ok.
I still don't understand why that row worked at break points but it affected other rows, I would expect the row with the problem in it would be the one that didn't look right!

thanks again.