I'm doing the Headlines project, making a grid of images like so: https://s3.amazonaws.com/codecademy-content/projects/headlines/index.html
Using Bootstrap, I've made 4 rows with 3 columns, uploaded the images and offset the last row so my columns are all lined up fine. No need to see my code really just a bunch of
<div class='col-md-4'> <img src='https://www.blahblahblah.com'> </div>
I can't seem to find a way to offset the row heights like they have done, all my rows begin at the same height. I'm sure I could individually move the images but that seems like too much effort and too messy. Is there an easy way to do it so that the image below leaves a gap of say 25px between itself and the one above?
Any help or links to websites that could help would be much appreciated.