Gutenberg Embed Blocks not showing correct aspect ratios on front end

[charliesa]

When I embed a video blocks are not responsive.

I’ve added the following CSS:

@media (max-width: 768px){
.wp-block-column:not(:last-child) {
margin-right: 0;
}
.wp-block-column:not(:first-child) {
margin-left: 0;
}
}

and this PHP in function.php:

// Load default block styles.
add_theme_support( ‘wp-block-styles’ );

// Add support for responsive embeds.
add_theme_support( ‘responsive-embeds’ );

The embeds are still not responsive

[charliesa]

False alarm, it does work. I had a caching issue Sorry. After the CSS and PHP change in the initial post, it all works well.

[thai]

Glad to hear everything is working fine now.