Grid?

Can you give me a link to what you have right now so I can take a look?

You could email it to [email protected] if you don’t want to share it publicly.

Hi,
I sent you an email.
Thank you

Thank you for your reply to my email. Problem is solved.

Hi Brecht, I just have a follow up question. What if I want to show some excerpt from the content? Maybe a couple of lines?

The ability to display the excerpt is on our todo list, but I cannot give you a deadline for that yet.

Anyone wondering about the original question, this custom CSS should be a good starting point:

.crp-list {
display: flex;
flex-wrap: wrap;
}
.crp-list-item {
flex: 1;
padding: 5px;
}
.crp-list-item-image img {
width: 100%;
}

Hi,
actually I just noticed that this code you gave me works well if I put 3 related posts. But now for example I put 10.
And I was expecting 4 rows:
3
3
3
1

Instead it’s all messed around, images different sizes, texts not aligned etc
6 in first row and 4 in second row

Any way to fix this?

• This reply was modified 4 years, 9 months ago by Deon.
• This reply was modified 4 years, 9 months ago by Deon.

If you always want 3 columns you’ll need to specify a width for the .crp-list-item

I added now:

.crp-list-item {
flex: 1;
padding: 5px;
width: 250px;
}

and also I tried:

.crp-list-item {
flex: 1;
padding: 5px;
width: 33.3%;
}

but it doesn’t seem to work. what am I missing?

My bad, it should be flex-basis when using flexbox. Like this, for example:

.crp-list-item {
flex: 1;
padding: 5px;
flex-basis: 30%;
}

If you need further customizations I recommend getting a web developer to help you out. I’m afraid I don’t have time for freelance work myself.