Landing Two Columns Footer

Mohsin Liaquat

The above block is copied from the site: TPA

Pattern HTML

<!-- wp:group {"metadata":{"name":"Landing Footer"},"align":"full","className":"landing15-footer","style":{"spacing":{"padding":{"top":"var:preset|spacing|15","bottom":"var:preset|spacing|15"}}},"backgroundColor":"eight","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull landing15-footer has-eight-background-color has-background" style="padding-top:var(--wp--preset--spacing--15);padding-bottom:var(--wp--preset--spacing--15)"><!-- wp:columns {"className":"mobile-reverse-columns"} -->
<div class="wp-block-columns mobile-reverse-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:html -->
© [current_year] Doug Taylor
<!-- /wp:html --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:columns {"isStackedOnMobile":false,"className":"lp0017-menu-links","style":{"spacing":{"blockGap":{"top":"0","left":"0"}}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile lp0017-menu-links"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="https://patterndev.upthinksolutions.com/landing-page/lp0017/#"></a><a href="https://patterndev.upthinksolutions.com/privacy-policy">Privacy Policy</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="https://patterndev.upthinksolutions.com/landing-page/lp0017/#"></a><a href="https://patterndev.upthinksolutions.com/terms-conditions">Terms &amp; Conditions</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="https://patterndev.upthinksolutions.com/landing-page/lp0017/#"></a><a href="https://patterndev.upthinksolutions.com/contact">Contact</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

Pattern CSS

.landing15-footer .wp-block-navigation {
    margin-top: 0;
}
@media only screen and (max-width: 980px) {
	.landing15-footer .wp-block-column {
		text-align: center;
	}	
	#site-container .landing15-footer .wp-block-columns {
		gap: 5px;
	}
}

@media only screen and (max-width: 600px) {
	.landing15-footer .lp0017-menu-links.wp-block-columns p a{
		font-size: 13px;
	}
	#site-container .landing15-footer .lp0017-menu-links.wp-block-columns {
        gap: 0;
    }
}