Linktree Block Pattern

gistfile1.html

<!-- wp:columns {"verticalAlignment":"top","align":"wide"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-top"><!-- wp:column {"verticalAlignment":"top","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:25%"></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:50%"><!-- wp:image {"align":"center","id":37,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
<div class="wp-block-image is-style-rounded"><figure class="aligncenter size-full"><img src="https://joec.live/wp-content/uploads/2021/06/joe-casabona-nobg-2021-small.jpg" alt="" class="wp-image-37"/></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph {"align":"center","fontSize":"small"} -->
<p class="has-text-align-center has-small-font-size">I started my career almost 20 years ago as a freelance web developer before realizing my true passion, which is sharing my years of knowledge about website development, podcasting and course creator to help creators, freelancers, and business owners.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"contentJustification":"center","orientation":"vertical","align":"full"} -->
<div class="wp-block-buttons alignfull is-content-justification-center is-vertical"><!-- wp:button {"width":100,"style":{"color":{"background":"#c16900"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-background" href="https://masterfse.com" style="background-color:#c16900">Master Full Site Editing</a></div>
<!-- /wp:button -->

<!-- wp:button {"width":100,"style":{"color":{"background":"#00507a"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-background" href="https://casabona.org/latest" style="background-color:#00507a">Latest Blog Post</a></div>
<!-- /wp:button -->

<!-- wp:button {"width":100,"style":{"color":{"background":"#00507a"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-background" href="https://howibuilt.it/latest" style="background-color:#00507a">Latest Podcast Episode</a></div>
<!-- /wp:button -->

<!-- wp:button {"width":100,"style":{"color":{"background":"#00507a"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-background" href="https://podcastliftoff.com" style="background-color:#00507a">Make Money  Podcasting</a></div>
<!-- /wp:button -->

<!-- wp:button {"width":100,"style":{"color":{"background":"#00507a"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-background" href="https://www.youtube.com/creatorcourses" style="background-color:#00507a">YouTube</a></div>
<!-- /wp:button -->

<!-- wp:button {"width":100,"style":{"color":{"background":"#00507a"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-background" href="http://casabona.live/" style="background-color:#00507a">Live Stream</a></div>
<!-- /wp:button -->

<!-- wp:button {"width":100,"style":{"color":{"background":"#00507a"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-background" href="https://buildsomething.club/" style="background-color:#00507a">Build Something Club</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:25%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->