you have correctly added the
Align self: stretch to the dynamic item. So, that means the element that will make your cards look equal is the dynamic list. So you need to add the border to the dynamic list and not the link block inside, ok?
Set the link block to have
- give the dynamic list a
width: 31.33% and horizontal margins of 1%. and for the other devices, make the
Hope this helps, get back to us if you need anything else.
Note: don't use
Height: Auto unless you are overriding a height value other than auto. Also don't use height value for any container with flexible text characters. Your
.title-wrapp is set to
height:40% But I see that the title is the name field which has no character limit. This will break your design. So either have a separate title field in your events collection with character limit, or remove the height value. But to achieve the design you want , it's better if you set the limit.