Right now, pictures are rendered like this on my Ruby on Rails app.
The pictures are based on a table, whose each row has five cells, and each cell has specified padding as shown above. As you can see, this is a bit awkward looking and I want to make this look like below (from Pinterest)
The layout doesn't have to be exactly the same, but you see the point. I want the padding between each picture adjusted nicely.From browsing Stackoverflow, I learned using Masonry might be the perfect solution but I wonder if there is any other option because I want to avoid as much as possible from using jquery in my application.Thank you for your help in advance!