Montagna: Make sure the elements don't bump to the screen edges (#7370)

* Make sure the elements don't bump to the screen edges

* Update montagna/templates/single.html

Co-authored-by: Sarah Norris <1645628+mikachan@users.noreply.github.com>

---------

Co-authored-by: Sarah Norris <1645628+mikachan@users.noreply.github.com>

montagna/parts/header-alternative.html

@@ -1,6 +1,6 @@
-<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"5vw","left":"5vw"}}},"backgroundColor":"foreground","textColor":"background","layout":{"type":"constrained"}} -->
-<div class="wp-block-group has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--50);padding-right:5vw;padding-bottom:var(--wp--preset--spacing--50);padding-left:5vw"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|50","top":"var:preset|spacing|50"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
-<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:site-title {"level":0,"style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}}} /-->
+<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-background-color has-foreground-background-color has-text-color has-background has-link-color"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|50","top":"var:preset|spacing|50","left":"5vw","right":"5vw"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
+<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--50);padding-right:5vw;padding-bottom:var(--wp--preset--spacing--50);padding-left:5vw"><!-- wp:site-title {"level":0,"style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}}} /-->
 
 <!-- wp:navigation {"textColor":"background","backgroundColor":"foreground","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"blockGap":"0"},"typography":{"lineHeight":"1.5","textTransform":"uppercase","fontSize":"0.9rem","letterSpacing":"1px"}}} -->
 <!-- wp:page-list /-->

montagna/parts/header.html

@@ -1,6 +1,6 @@
-<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"5vw","left":"5vw"}}},"backgroundColor":"foreground","textColor":"background","layout":{"type":"constrained"}} -->
-<div class="wp-block-group has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--50);padding-right:5vw;padding-bottom:var(--wp--preset--spacing--50);padding-left:5vw"><!-- wp:group {"align":"full","layout":{"type":"flex","justifyContent":"space-between"}} -->
-<div class="wp-block-group alignfull"><!-- wp:site-title {"level":0,"style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}}} /-->
+<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"backgroundColor":"foreground","textColor":"background","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"5vw","left":"5vw"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
+<div class="wp-block-group alignfull" style="padding-right:5vw;padding-left:5vw"><!-- wp:site-title {"level":0,"style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}}} /-->
 
 <!-- wp:navigation {"textColor":"background","backgroundColor":"foreground","overlayMenu":"always","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"blockGap":"0"},"typography":{"lineHeight":"2","textDecoration":"underline"}},"fontSize":"medium"} -->
 <!-- wp:page-list /-->

montagna/patterns/footer.php

@@ -7,9 +7,9 @@
  */
 ?>
 
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"5vw","left":"5vw","bottom":"var:preset|spacing|50"},"blockGap":"0"},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"type":"constrained"}} -->
-<div class="wp-block-group has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--50);padding-right:5vw;padding-bottom:var(--wp--preset--spacing--50);padding-left:5vw"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
-<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60)"><!-- wp:site-title {"level":0,"style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"},"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}}}} /-->
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40","padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"5vw","left":"5vw"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
+<div class="wp-block-group alignfull" style="padding-right:5vw;padding-left:5vw"><!-- wp:site-title {"level":0,"style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"},"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}}}} /-->
 
 <!-- wp:social-links {"iconColor":"background","iconColorValue":"#ffffff","size":"has-small-icon-size","className":"is-style-logos-only"} -->
 <ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
@@ -20,8 +20,8 @@
 <!-- /wp:social-links --></div>
 <!-- /wp:group -->
 
-<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
-<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60)"><!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":"0.8rem"}}} -->
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"5vw","left":"5vw"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
+<div class="wp-block-group alignfull" style="padding-right:5vw;padding-left:5vw"><!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":"0.8rem"}}} -->
 <p class="has-text-align-left" style="font-size:0.8rem"><?php
 			/* Translators: WordPress link. */
 			$wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'montagna' ) ) . '" rel="nofollow">WordPress</a>';

montagna/templates/single.html

@@ -1,8 +1,10 @@
-<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:template-part {"slug":"header","tagName":"header","align":"full"} /-->
+<!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-right:0;padding-left:0"><!-- wp:template-part {"slug":"header","tagName":"header","align":"full"} /-->
 
-<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"5vw","left":"5vw"},"blockGap":"0"}},"backgroundColor":"foreground","layout":{"type":"constrained"}} -->
-<div class="wp-block-group alignfull has-foreground-background-color has-background" style="padding-right:5vw;padding-left:5vw"><!-- wp:post-featured-image {"aspectRatio":"16/9","align":"full"} /--></div>
+<!-- wp:group {"align":"full","backgroundColor":"foreground","layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull has-foreground-background-color has-background"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"8vw","left":"8vw"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull" style="padding-right:8vw;padding-left:8vw"><!-- wp:post-featured-image {"aspectRatio":"16/9","align":"full"} /--></div>
+<!-- /wp:group --></div>
 <!-- /wp:group --></div>
 <!-- /wp:group -->