Genesis Grid – aligning thumbnails

Hi,

I am using Genesis Grid to create a grid archive page for categories and search results – with only post title and featured image.

My current category page looks like this:
https://www.cookingbaker.com/category/travelogue/taiwan/

I am hoping it will be something like this:
https://wpsites.net/web-design/4-column-category-archive-recipes-featured-image-title-only/

I’m using Foodie theme with Genesis framework.

Can someone please help to guide what I need to do?

P.S. I tried using the script on wpsites but I keep getting the error for “wpsites_add_recipe_body_class”, if someone can explain the error it’d be great too!

A million thanks!

/**
* Grid Content
* Change the number of words in excerpt if in the grid loop
*/
function be_grid_content() {

// First, we make sure we're in the grid loop.
if( ! apply_filters( 'is_genesis_grid_loop', false ) )
return;

// Remove default content so we don't get both
remove_action( 'genesis_entry_header', 'genesis_post_info', 12 );
remove_action( 'genesis_entry_footer', 'genesis_post_meta' );
remove_action( 'genesis_entry_content', 'genesis_do_post_content' );
}
add_action( 'genesis_entry_content', 'be_grid_content', 9 );

//* Change the number of recipe items to be displayed?
add_action( 'pre_get_posts', 'wpsites_category_limit_posts' );
function wpsites_category_limit_posts( $query ) {
if( $query->is_main_query() && !is_admin() && is_category() ) {
$query->set( 'posts_per_page', '20' );