fix (optimize css): mobile styles can override tablet styles (#3346)

Happens if the very first style encountered in the editor is a mobile style. fixes #3345

Co-authored-by: [email protected] <>

src/css-optimize.php

@@ -396,6 +396,7 @@ public static function generate_css( $styles ) {
 
 				foreach ( $style_matches[1] as $i => $media_query ) {
 					$media_query = ! empty( $media_query ) ? substr( $media_query, 0, -1 ) : $media_query;
+					$media_query = str_replace( 'width: ', 'width:', $media_query ); // Ensure that the media query is consistent.
 					$selector = $style_matches[2][ $i ];
 					$style_rule = $style_matches[3][ $i ];