How can I reduce grid size of my blog posts?

Store Design
1

The grid size for my blog posts is double of what it should be and therefore there is a lot of gray space. How can I reduce the grid size to make it more compact?

https://www.arcarose.com/blogs/arcarose-review

2

Hi @quizaddict ,

In the purpose to have the same height whatever the content of the card, a height is being given dynamically. You can prevent it by adding the code below.

  1. From your Admin store, go to Online store > Themes > Click Actions > Edit code
  2. Open the Asset folder, and find the theme.scss file.
  3. Add the code below.
a.card__wrapper.card--article {
    height: 100% !important;
}
3

Hi @made4Uo

Thank you so much for your solution! I implemented it but found that all the grids are now different sizes. How can I have the same size (but small) grids than before?