page hero and load more article problems

I am modifying this page hero by implementing the query instead of using block by block but it creates this error. what would be the reason? the blocks are 100% so it shouldn't put them in columns of 3.
p.s if you have any other suggestions for the structure, happy to hear them.

link

Hi Francesco,

The Query Loop is currently in one column from my end.

Have you tried clearing the cache of your Browser? If this doesn't work, try using a different browser.

hi fernando, the problem is that it appears like this in the editor. I have already cleared the cache several times but nothing changes.

I think the problem is this php I use to column articles on the home page.

add_filter( 'option_generate_blog_settings', 'lh_custom_search_results_page_settings' );
function lh_custom_search_results_page_settings( $options ) {
    if ( is_front_page() ) {
/*	$options['read_more_button'] = true;
	$options['date'] = false;
	$options['categories'] = false;
	$options['tags'] = false;
	$options['comments'] = false;
        $options['infinite_scroll'] = true;
	$options['infinite_scroll_button'] = true;
	$options['masonry_load_more'] = 'More search results';
	$options['post_image'] = true;
	$options['post_image_position'] = 'post-image-above-header';
	$options['post_image_alignment'] = 'post-image-aligned-center';*/
	$options['column_layout'] = true;
	$options['featured_column'] = false;
	$options['masonry'] = false;
    }
  
    return $options;
}

add_filter( 'generate_blog_get_column_count', function( $column_width ) {
    if ( is_front_page() ) {
        return '33';
    }
    return $column_width;
} );

Hi there,

if you edit the Query Loop, and select the Post template block inside it, and in the Flex options, set them to:
Flex Grow: 1
Flex Shrink: 1
Flex Basis: 100%

It should override the theme style it is picking up.

thanks for the replies david, unfortunately the setting doesn't improve at all, it's like it has some extra margins or spacing. I'll show you.

by editor

by site

there is also extra spacing between the various headings to the right. I don't understand what affects it.

Where can i see this on you site ?

home page

This is what i see when i view the homepage ( across all my different browsers )

https://www.screencast.com/t/90ucc8hA

I would like the query to appear exactly below, and not moved inside.

That is how i see it ?
https://generatepress.com/forums/topic/page-hero-and-load-more-article-problems/page/3/#post-2501858

yes but I can't align the post titles perfectly under the green h1. as in the photo..
see the black line in the last picture? I can't align them.

The site in question seems to be set in maintenance mode. Because of this, we can't see the site. Can you temporarily disable this setting or provide login credentials so we can see the Query Loop again?

hi fernando, done