Tiles don't accommodate correctly

grid

- 10 years, 3 months ago lemondigitalweb
  Participant
  Hello,
  
  on the home page there is this grid:
  
  As you can see in the screenshot, the tiles don’t accommodate correctly. Why is this happening?
  
  Thanks.
  
  Regards,
  
  Gustavo
  
  This topic was modified 10 years, 3 months ago by lemondigitalweb.
- 10 years, 3 months ago Ruco
  Keymaster
  
  Hello,
  
  Please make sure that all the titles doesn’t exceed the width of two rows.
  let us know.
  
  Best regards!
- 10 years, 3 months ago Damo
  Participant
  
  Expired
  
  I have a similar problem on my homepage, my portfolio tiles don’t align properly… please visit https://newinspiredss.azurewebsites.net/ and you will see it …
- 10 years, 3 months ago Ruco
  Keymaster
  
  Hello,
  
  You must add images with the same size (ex. 540x360px).
  
  Best regards!
- 10 years ago lemondigitalweb
  Participant
  
  Hello!
  
  this issue is still happening. I’m taking care that the images are all the same size and never exceed two rows in titles, but it happens when I shrink the screen. It’s also happening in your demo:
  
  because always there will be a point where one title will have different row number than the others.
  
  Is there any solution for this?
  
  Thank you
- 10 years ago Mirela
  Participant
  
  Hello,
  
  This happens in masonry style, because the height is different for each post. You can chose to have the grid style or change this style via css. For the second option try to add these lines into your custom css box:
  .blog-article.grid-style .gridbox { height: 700px; }
  Edit the height to your need.
  
  Best regards!