Single product at top of my one-half grid collection?

[ej2020]

I've created a collection (sized at one-half) and the only change i've made is truncating the product description as so :

{% assign product_description = product.description | split: '.' %}

{{ product_description.first }} 

instead of using the whole product_description

It's forced a single product to the top of the 2 up grid, and everything else stacked fine below. Not sure if it's adding some extra padding or clear variables, but doesn't seem like it should. Not sure what's up.

[VishvasMishra · Accepted solution]

Hi @ej2020,

Can you please share the URL to look into your shop for this issue? also splitting the description on the basis of <!-- split --> will be good after adding it in description instead of dot (.).

Thanks and Regards,
VishvasMishra

[ej2020]

https://madhippie.com/pages/routines

[VishvasMishra]

Hi @ej2020,

Since you have truncated the data on the basis of dot that's why one tags remains opened and it covers the below other div. Have a look on SS.

[ej2020]

what would you suggest? could i just change the . to a * or something? not sure if i should code it differently