native-gutenberg notes

readme.md

Updated whitelist

Blockquote

blockquote is no longer nested underneath .wp-block-quote.

.is-large is now .is-style-large. This only appears if you create a new Quote block. Any previous Quote blocks remain .is-large. Perhaps style both for backwords compatibility?

<blockquote class="wp-block-quote is-style-large">
    <p>Blockquote</p>
    <cite>test</cite>
</blockquote>

blockquote could extend .blockquote. blockquote cite could extend .blockquote-footer.

.wp-block-pullquote,
.wp-block-quote {
    @include bootstrap-else(("blockquote"), false);

    cite {
        @include bootstrap-else(("blockquote-footer"), false);
    }
}

.wp-block-pullquote.alignright floats to right edge of viewport.

Image

Floating an image left or right also floats the caption left or right. Perhaps the float could occur on the figure versus separately on the img and figcaption.

<div class="wp-block-image">
    <figure class="alignright is-resized">
        <img/>
        <figcaption>Caption</figcaption>
    </figure>
</div>

Full-width (100vw) images cause horizontal scrollbar. Adding max-width: 100%; seems to work, at least in my very limited testing.

Cover

.wp-block-cover-text is now .wp-block-cover__inner-container. This only appears on newly created blocks, much like the blockquote issue above.

List

list-style-type: decimal; seems more normal to me for ordered lists.

Separator

Bootstrap by default adds a border-top to hr, making the default separator and .is-style-wide darker than .is-style-dots. .is-style-dots is nearly invisible using the light color with an opacity of 0.6;

Table

.wp-block-table could probably extend Bootstrap's .table.

.is-style-stripes could extend .table-striped.

.wp-block-table {
    @include bootstrap-else(("table"), false);

    &.is-style-stripes {
        @include bootstrap-else(("table-striped"), false);
    }

    ...
}

Buttons

Buttons that aren't left-, right- or center-aligned could have a margin-bottom as well.

Switching colors doesn't work.

Columns

Gutes supports up to 6. Should we as well?

TODO

• Latest Posts, grid view
• File
• Media and text
• Video
• Calendar -- Might be as easy as extending .table
• Search
• RSS

gutes.html

<!-- wp:paragraph -->
<p>Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla.</p>
<!-- /wp:paragraph -->

<!-- wp:more -->
<!--more-->
<!-- /wp:more -->

<!-- wp:heading {"level":1} -->
<h1>Heading One</h1>
<!-- /wp:heading -->

<!-- wp:heading -->
<h2>Heading Two</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":3} -->
<h3>Heading Three</h3>
<!-- /wp:heading -->

<!-- wp:heading {"level":4} -->
<h4>Heading Four</h4>
<!-- /wp:heading -->

<!-- wp:heading {"level":5} -->
<h5>Heading Five</h5>
<!-- /wp:heading -->

<!-- wp:heading {"level":6} -->
<h6>Heading Six</h6>
<!-- /wp:heading -->

<!-- wp:heading -->
<h2>Preformatted Block</h2>
<!-- /wp:heading -->

<!-- wp:preformatted -->
<pre class="wp-block-preformatted"><strong>The Road Not Taken</strong>, <em>by Robert Frost</em>

Two roads diverged in a yellow wood,
And sorry I could not travel both
And be one traveler, long I stood 
And looked down one as far as I could
To where it bent in the undergrowth;
Then took the other, as just as fair,
And having perhaps the better claim,
Because it was grassy and wanted wear;
Though as for that the passing there
Had worn them really about the same,
And both that morning equally lay
In leaves no step had trodden black.
Oh, I kept the first for another day!
Yet knowing how way leads on to way,
I doubted if I should ever come back.
I shall be telling this with a sigh
Somewhere ages and ages hence:
Two roads diverged in a wood, and I—
I took the one less traveled by,
And that has made all the difference.

...and heres a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;</pre>
<!-- /wp:preformatted -->

<!-- wp:heading -->
<h2>Ordered List</h2>
<!-- /wp:heading -->

<!-- wp:list {"ordered":true} -->
<ol><li>Nullam id dolor id nibh ultricies vehicula ut id elit.</li><li>Donec ullamcorper nulla non metus auctor fringilla. Condimentum euismod aenean.<ol><li>Purus commodo ridiculus.</li><li>Nibh commodo vestibulum. </li></ol></li><li>Cras justo odio, dapibus ac facilisis in.</li></ol>
<!-- /wp:list -->

<!-- wp:heading -->
<h2>Unordered List</h2>
<!-- /wp:heading -->

<!-- wp:list -->
<ul><li>Nullam id dolor id nibh ultricies vehicula ut id elit.</li><li>Donec ullamcorper nulla non metus auctor fringilla. <ul><li>Nibh commodo vestibulum.</li><li>Aenean eu leo quam.</li><li>Pellentesque ornare sem lacinia. </li></ul></li><li>Cras justo odio, dapibus ac facilisis in.</li></ul>
<!-- /wp:list -->

<!-- wp:heading -->
<h2>Verse</h2>
<!-- /wp:heading -->

<!-- wp:verse -->
<pre class="wp-block-verse">A block for haiku? <br>Why not? <br>Blocks for all the things!</pre>
<!-- /wp:verse -->

<!-- wp:heading -->
<h2>Separators</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Three separator styles:</p>
<!-- /wp:paragraph -->

<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->

<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator is-style-wide"/>
<!-- /wp:separator -->

<!-- wp:separator {"className":"is-style-dots"} -->
<hr class="wp-block-separator is-style-dots"/>
<!-- /wp:separator -->

<!-- wp:heading -->
<h2>Table</h2>
<!-- /wp:heading -->

<!-- wp:table -->
<table class="wp-block-table"><tbody><tr><td>Employee</td><td>Salary</td><td>Position</td></tr><tr><td>Jane Doe</td><td>$100k</td><td>CEO</td></tr><tr><td>John Doe</td><td>$100k</td><td>CTO</td></tr></tbody></table>
<!-- /wp:table -->

<!-- wp:table {"className":"is-style-stripes"} -->
<table class="wp-block-table is-style-stripes"><tbody><tr><td>Employee</td><td>Salary</td><td>Position</td></tr><tr><td>Jane Doe</td><td>$100k</td><td>CEO</td></tr><tr><td>John Doe</td><td>$100k</td><td>CTO</td></tr></tbody></table>
<!-- /wp:table -->

<!-- wp:heading -->
<h2>Latest Posts, List View</h2>
<!-- /wp:heading -->

<!-- wp:latest-posts /-->

<!-- wp:heading -->
<h2>Latest Posts, Grid View</h2>
<!-- /wp:heading -->

<!-- wp:latest-posts {"postLayout":"grid"} /-->

<!-- wp:heading -->
<h2>Blockquote</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.</p>
<!-- /wp:paragraph -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><p>Donec sed odio dui. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio.</p><cite>Rich Tabor</cite></blockquote>
<!-- /wp:quote -->

<!-- wp:paragraph -->
<p>Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2>Blockquote, Large</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.</p>
<!-- /wp:paragraph -->

<!-- wp:quote {"className":"is-style-large"} -->
<blockquote class="wp-block-quote is-style-large"><p>Donec sed odio dui. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio.</p><cite>Rich Tabor</cite></blockquote>
<!-- /wp:quote -->

<!-- wp:paragraph -->
<p>Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2>Audio</h2>
<!-- /wp:heading -->

<!-- wp:audio {"id":821} -->
<figure class="wp-block-audio"><audio controls src="http://www.noiseaddicts.com/samples_1w72b820/282.mp3"></audio><figcaption>Audio block caption</figcaption></figure>
<!-- /wp:audio -->

<!-- wp:heading -->
<h2>File</h2>
<!-- /wp:heading -->

<!-- wp:file {"id":821,"href":"http://www.noiseaddicts.com/samples_1w72b820/282.mp3"} -->
<div class="wp-block-file"><a href="http://www.noiseaddicts.com/samples_1w72b820/282.mp3">St. Louis Blues</a><a href="http://www.noiseaddicts.com/samples_1w72b820/282.mp3" class="wp-block-file__button" download>Download</a></div>
<!-- /wp:file -->

<!-- wp:heading -->
<h2>Code</h2>
<!-- /wp:heading -->

<!-- wp:code -->
<pre class="wp-block-code"><code>&lt;div class="wp-block-image">
    &lt;figure class="alignright is-resized">
        &lt;img/>
        &lt;figcaption>Caption&lt;/figcaption>
    &lt;/figure>
&lt;/div></code></pre>
<!-- /wp:code -->

<!-- wp:heading -->
<h2>Spacer</h2>
<!-- /wp:heading -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading -->
<h2>Buttons</h2>
<!-- /wp:heading -->

<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link" href="#1">No alignment</a></div>
<!-- /wp:button -->

<!-- wp:paragraph -->
<p>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<!-- /wp:paragraph -->

<!-- wp:button {"align":"center"} -->
<div class="wp-block-button aligncenter"><a class="wp-block-button__link" href="#1">Center Alignment</a></div>
<!-- /wp:button -->

<!-- wp:button {"align":"left"} -->
<div class="wp-block-button alignleft"><a class="wp-block-button__link" href="#1">Left Alignment</a></div>
<!-- /wp:button -->

<!-- wp:paragraph -->
<p>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius.</p>
<!-- /wp:paragraph -->

<!-- wp:button {"backgroundColor":"light","textColor":"dark","align":"right"} -->
<div class="wp-block-button alignright"><a class="wp-block-button__link has-text-color has-dark-color has-background has-light-background-color" href="#1">Right Alignment Inversed</a></div>
<!-- /wp:button -->

<!-- wp:paragraph -->
<p>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2>Categories</h2>
<!-- /wp:heading -->

<!-- wp:categories {"showHierarchy":true,"showPostCounts":true} /-->

<!-- wp:heading -->
<h2>Archives</h2>
<!-- /wp:heading -->

<!-- wp:archives {"showPostCounts":true} /-->

<!-- wp:heading -->
<h2>Calendar</h2>
<!-- /wp:heading -->

<!-- wp:calendar /-->

<!-- wp:heading -->
<h2>Search</h2>
<!-- /wp:heading -->

<!-- wp:search /-->

<!-- wp:heading -->
<h2>Tag Cloud (cmon man)</h2>
<!-- /wp:heading -->

<!-- wp:tag-cloud /-->

<!-- wp:heading -->
<h2>RSS</h2>
<!-- /wp:heading -->

<!-- wp:rss {"feedURL":"https://wptavern.com/feed","itemsToShow":3,"displayExcerpt":true,"displayAuthor":true,"displayDate":true,"excerptLength":30} /-->

<!-- wp:heading -->
<h2>Columns</h2>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns has-2-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"columns":3} -->
<div class="wp-block-columns has-3-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"columns":4} -->
<div class="wp-block-columns has-4-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:heading -->
<h2>Wide</h2>
<!-- /wp:heading -->

<!-- wp:columns {"columns":4,"align":"wide"} -->
<div class="wp-block-columns alignwide has-4-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:heading -->
<h2>Full Width</h2>
<!-- /wp:heading -->

<!-- wp:columns {"columns":4,"align":"full"} -->
<div class="wp-block-columns alignfull has-4-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:heading -->
<h2>Pull Quotes</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
<!-- /wp:paragraph -->

<!-- wp:pullquote -->
<figure class="wp-block-pullquote"><blockquote><p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere est at lobortis.</p><cite>RICH TABOR, THEMEBEANS.COM</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:heading {"level":3} -->
<h3>Wide Aligned</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
<!-- /wp:paragraph -->

<!-- wp:pullquote {"align":"wide"} -->
<figure class="wp-block-pullquote alignwide"><blockquote><p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere est at lobortis.</p><cite>RICH TABOR, THEMEBEANS.COM</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:heading {"level":3} -->
<h3>Full Width</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
<!-- /wp:paragraph -->

<!-- wp:pullquote {"align":"full"} -->
<figure class="wp-block-pullquote alignfull"><blockquote><p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere est at lobortis.</p><cite>RICH TABOR, THEMEBEANS.COM</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p>Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
<!-- /wp:paragraph -->

<!-- wp:pullquote {"align":"left"} -->
<figure class="wp-block-pullquote alignleft"><blockquote><p>Left. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere est at lobortis.</p><cite>RICH TABOR, THEMEBEANS.COM</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p>Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper.</p>
<!-- /wp:paragraph -->

<!-- wp:pullquote {"align":"right"} -->
<figure class="wp-block-pullquote alignright"><blockquote><p>Right. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere est at lobortis.</p><cite>RICH TABOR, THEMEBEANS.COM</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p>Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2>Image</h2>
<!-- /wp:heading -->

<!-- wp:image {"id":770} -->
<figure class="wp-block-image"><img src="https://via.placeholder.com/1200x800" alt="Huatulco Coastline" class="wp-image-770"/><figcaption>Coastline in Huatulco, Oaxaca, Mexico</figcaption></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":3} -->
<h3>Wide</h3>
<!-- /wp:heading -->

<!-- wp:image {"id":770,"align":"wide"} -->
<figure class="wp-block-image alignwide"><img src="https://via.placeholder.com/1200x800" alt="Huatulco Coastline" class="wp-image-770"/><figcaption>Coastline in Huatulco, Oaxaca, Mexico</figcaption></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":3} -->
<h3>Full</h3>
<!-- /wp:heading -->

<!-- wp:image {"id":770,"align":"full"} -->
<figure class="wp-block-image alignfull"><img src="https://via.placeholder.com/1200x800" alt="Huatulco Coastline" class="wp-image-770"/><figcaption>Coastline in Huatulco, Oaxaca, Mexico</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":770,"align":"left","width":200,"height":133} -->
<div class="wp-block-image"><figure class="alignleft is-resized"><img src="https://via.placeholder.com/1200x800" alt="Huatulco Coastline" class="wp-image-770" width="200" height="133"/><figcaption>Coastline in Huatulco, Oaxaca, Mexico</figcaption></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":770,"align":"right","width":200,"height":133} -->
<div class="wp-block-image"><figure class="alignright is-resized"><img src="https://via.placeholder.com/1200x800" alt="Huatulco Coastline" class="wp-image-770" width="200" height="133"/><figcaption>Coastline in Huatulco, Oaxaca, Mexico</figcaption></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2>Video Block</h2>
<!-- /wp:heading -->

<!-- wp:video -->
<figure class="wp-block-video"><video controls src="http://file-examples.com/wp-content/uploads/2018/04/file_example_MOV_1280_1_4MB.mov"></video></figure>
<!-- /wp:video -->

<!-- wp:heading {"level":3} -->
<h3>Wide</h3>
<!-- /wp:heading -->

<!-- wp:video {"align":"wide"} -->
<figure class="wp-block-video alignwide"><video controls src="http://file-examples.com/wp-content/uploads/2018/04/file_example_MOV_1280_1_4MB.mov"></video><figcaption>With a caption</figcaption></figure>
<!-- /wp:video -->

<!-- wp:heading {"level":3} -->
<h3>Full</h3>
<!-- /wp:heading -->

<!-- wp:video {"align":"full"} -->
<figure class="wp-block-video alignfull"><video controls src="http://file-examples.com/wp-content/uploads/2018/04/file_example_MOV_1280_1_4MB.mov"></video></figure>
<!-- /wp:video -->

<!-- wp:heading -->
<h2>Cover Image</h2>
<!-- /wp:heading -->

<!-- wp:cover {"url":"https://via.placeholder.com/1200x800","id":1735} -->
<div class="wp-block-cover has-background-dim" style="background-image:url(https://via.placeholder.com/1200x800)"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p style="text-align:center" class="has-large-font-size">Cover image</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:cover {"url":"https://via.placeholder.com/1200x800","id":1735,"align":"wide"} -->
<div class="wp-block-cover alignwide has-background-dim" style="background-image:url(https://via.placeholder.com/1200x800)"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p style="text-align:center" class="has-large-font-size">Wide Aligned</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:cover {"url":"https://via.placeholder.com/1200x800","id":1735,"align":"full"} -->
<div class="wp-block-cover alignfull has-background-dim" style="background-image:url(https://via.placeholder.com/1200x800)"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p style="text-align:center" class="has-large-font-size">Full Width</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:paragraph -->
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:cover {"url":"https://via.placeholder.com/1200x800","id":1735,"align":"left"} -->
<div class="wp-block-cover alignleft has-background-dim" style="background-image:url(https://via.placeholder.com/1200x800)"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p style="text-align:center" class="has-large-font-size">Left Aligned</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:paragraph -->
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:cover {"url":"https://via.placeholder.com/1200x800","id":1735,"align":"right"} -->
<div class="wp-block-cover alignright has-background-dim" style="background-image:url(https://via.placeholder.com/1200x800)"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p style="text-align:center" class="has-large-font-size">Right Aligned</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:paragraph -->
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2>Gallery Blocks</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":3} -->
<h3>Two Columns, Two Images</h3>
<!-- /wp:heading -->

<!-- wp:gallery {"ids":[1691,1687]} -->
<ul class="wp-block-gallery columns-2 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1691" data-link="https://scout-theme-sage.test/post-format-gallery/dsc20050315_145007_132-2/" class="wp-image-1691"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1687" data-link="https://scout-theme-sage.test/dsc20050604_133440_34211/" class="wp-image-1687"/></figure></li></ul>
<!-- /wp:gallery -->

<!-- wp:heading {"level":3} -->
<h3>Three Columns, Three Images</h3>
<!-- /wp:heading -->

<!-- wp:gallery {"ids":[1691,1687,768]} -->
<ul class="wp-block-gallery columns-3 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1691" data-link="https://scout-theme-sage.test/post-format-gallery/dsc20050315_145007_132-2/" class="wp-image-1691"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1687" data-link="https://scout-theme-sage.test/dsc20050604_133440_34211/" class="wp-image-1687"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Huatulco Coastline" data-id="768" data-link="https://scout-theme-sage.test/post-format-gallery/alas-i-have-found-my-shangri-la/" class="wp-image-768"/><figcaption>Sunrise over the coast in Huatulco, Oaxaca, Mexico</figcaption></figure></li></ul>
<!-- /wp:gallery -->

<!-- wp:heading {"level":3} -->
<h3>Four Columns, Four Images</h3>
<!-- /wp:heading -->

<!-- wp:gallery {"ids":[1691,1687,768,766],"columns":4} -->
<ul class="wp-block-gallery columns-4 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1691" data-link="https://scout-theme-sage.test/post-format-gallery/dsc20050315_145007_132-2/" class="wp-image-1691"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1687" data-link="https://scout-theme-sage.test/dsc20050604_133440_34211/" class="wp-image-1687"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Huatulco Coastline" data-id="768" data-link="https://scout-theme-sage.test/post-format-gallery/alas-i-have-found-my-shangri-la/" class="wp-image-768"/><figcaption>Sunrise over the coast in Huatulco, Oaxaca, Mexico</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Big Sur" data-id="766" data-link="https://scout-theme-sage.test/post-format-gallery/michelle_049/" class="wp-image-766"/><figcaption>Beach at Big Sur, CA</figcaption></figure></li></ul>
<!-- /wp:gallery -->

<!-- wp:heading {"level":3} -->
<h3>Five Columns, Five Images</h3>
<!-- /wp:heading -->

<!-- wp:gallery {"ids":[1691,1687,768,766,765],"columns":5} -->
<ul class="wp-block-gallery columns-5 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1691" data-link="https://scout-theme-sage.test/post-format-gallery/dsc20050315_145007_132-2/" class="wp-image-1691"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1687" data-link="https://scout-theme-sage.test/dsc20050604_133440_34211/" class="wp-image-1687"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Huatulco Coastline" data-id="768" data-link="https://scout-theme-sage.test/post-format-gallery/alas-i-have-found-my-shangri-la/" class="wp-image-768"/><figcaption>Sunrise over the coast in Huatulco, Oaxaca, Mexico</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Big Sur" data-id="766" data-link="https://scout-theme-sage.test/post-format-gallery/michelle_049/" class="wp-image-766"/><figcaption>Beach at Big Sur, CA</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Sea and Rocks" data-id="765" data-link="https://scout-theme-sage.test/post-format-gallery/dscn3316/" class="wp-image-765"/><figcaption>Sea and rocks, Plimmerton, New Zealand</figcaption></figure></li></ul>
<!-- /wp:gallery -->

<!-- wp:heading {"level":3} -->
<h3>Four Columns, Five Images</h3>
<!-- /wp:heading -->

<!-- wp:gallery {"ids":[1691,1687,768,766,765],"columns":4} -->
<ul class="wp-block-gallery columns-4 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1691" data-link="https://scout-theme-sage.test/post-format-gallery/dsc20050315_145007_132-2/" class="wp-image-1691"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1687" data-link="https://scout-theme-sage.test/dsc20050604_133440_34211/" class="wp-image-1687"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Huatulco Coastline" data-id="768" data-link="https://scout-theme-sage.test/post-format-gallery/alas-i-have-found-my-shangri-la/" class="wp-image-768"/><figcaption>Sunrise over the coast in Huatulco, Oaxaca, Mexico</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Big Sur" data-id="766" data-link="https://scout-theme-sage.test/post-format-gallery/michelle_049/" class="wp-image-766"/><figcaption>Beach at Big Sur, CA</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Sea and Rocks" data-id="765" data-link="https://scout-theme-sage.test/post-format-gallery/dscn3316/" class="wp-image-765"/><figcaption>Sea and rocks, Plimmerton, New Zealand</figcaption></figure></li></ul>
<!-- /wp:gallery -->

<!-- wp:heading {"level":3} -->
<h3>Three Columns, Five Images</h3>
<!-- /wp:heading -->

<!-- wp:gallery {"ids":[1691,1687,768,766,765],"columns":3} -->
<ul class="wp-block-gallery columns-3 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1691" data-link="https://scout-theme-sage.test/post-format-gallery/dsc20050315_145007_132-2/" class="wp-image-1691"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1687" data-link="https://scout-theme-sage.test/dsc20050604_133440_34211/" class="wp-image-1687"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Huatulco Coastline" data-id="768" data-link="https://scout-theme-sage.test/post-format-gallery/alas-i-have-found-my-shangri-la/" class="wp-image-768"/><figcaption>Sunrise over the coast in Huatulco, Oaxaca, Mexico</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Big Sur" data-id="766" data-link="https://scout-theme-sage.test/post-format-gallery/michelle_049/" class="wp-image-766"/><figcaption>Beach at Big Sur, CA</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Sea and Rocks" data-id="765" data-link="https://scout-theme-sage.test/post-format-gallery/dscn3316/" class="wp-image-765"/><figcaption>Sea and rocks, Plimmerton, New Zealand</figcaption></figure></li></ul>
<!-- /wp:gallery -->

<!-- wp:heading {"level":3} -->
<h3>Two Columns, Five Images</h3>
<!-- /wp:heading -->

<!-- wp:gallery {"ids":[1691,1687,768,766,765],"columns":2} -->
<ul class="wp-block-gallery columns-2 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1691" data-link="https://scout-theme-sage.test/post-format-gallery/dsc20050315_145007_132-2/" class="wp-image-1691"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1687" data-link="https://scout-theme-sage.test/dsc20050604_133440_34211/" class="wp-image-1687"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Huatulco Coastline" data-id="768" data-link="https://scout-theme-sage.test/post-format-gallery/alas-i-have-found-my-shangri-la/" class="wp-image-768"/><figcaption>Sunrise over the coast in Huatulco, Oaxaca, Mexico</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Big Sur" data-id="766" data-link="https://scout-theme-sage.test/post-format-gallery/michelle_049/" class="wp-image-766"/><figcaption>Beach at Big Sur, CA</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Sea and Rocks" data-id="765" data-link="https://scout-theme-sage.test/post-format-gallery/dscn3316/" class="wp-image-765"/><figcaption>Sea and rocks, Plimmerton, New Zealand</figcaption></figure></li></ul>
<!-- /wp:gallery -->

<!-- wp:heading {"level":3} -->
<h3>Three Columns, Four Images</h3>
<!-- /wp:heading -->

<!-- wp:gallery {"ids":[1691,1687,768,766],"columns":3} -->
<ul class="wp-block-gallery columns-3 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1691" data-link="https://scout-theme-sage.test/post-format-gallery/dsc20050315_145007_132-2/" class="wp-image-1691"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1687" data-link="https://scout-theme-sage.test/dsc20050604_133440_34211/" class="wp-image-1687"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Huatulco Coastline" data-id="768" data-link="https://scout-theme-sage.test/post-format-gallery/alas-i-have-found-my-shangri-la/" class="wp-image-768"/><figcaption>Sunrise over the coast in Huatulco, Oaxaca, Mexico</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Big Sur" data-id="766" data-link="https://scout-theme-sage.test/post-format-gallery/michelle_049/" class="wp-image-766"/><figcaption>Beach at Big Sur, CA</figcaption></figure></li></ul>
<!-- /wp:gallery -->

<!-- wp:heading -->
<h2>Wide Gallery Blocks</h2>
<!-- /wp:heading -->

<!-- wp:gallery {"ids":[1691,1687,768,766],"columns":3,"align":"wide"} -->
<ul class="wp-block-gallery alignwide columns-3 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1691" data-link="https://scout-theme-sage.test/post-format-gallery/dsc20050315_145007_132-2/" class="wp-image-1691"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1687" data-link="https://scout-theme-sage.test/dsc20050604_133440_34211/" class="wp-image-1687"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Huatulco Coastline" data-id="768" data-link="https://scout-theme-sage.test/post-format-gallery/alas-i-have-found-my-shangri-la/" class="wp-image-768"/><figcaption>Sunrise over the coast in Huatulco, Oaxaca, Mexico</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Big Sur" data-id="766" data-link="https://scout-theme-sage.test/post-format-gallery/michelle_049/" class="wp-image-766"/><figcaption>Beach at Big Sur, CA</figcaption></figure></li></ul>
<!-- /wp:gallery -->

<!-- wp:heading -->
<h2>Full Width</h2>
<!-- /wp:heading -->

<!-- wp:gallery {"ids":[1691,1687,768,766],"columns":3,"align":"full"} -->
<ul class="wp-block-gallery alignfull columns-3 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1691" data-link="https://scout-theme-sage.test/post-format-gallery/dsc20050315_145007_132-2/" class="wp-image-1691"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="" data-id="1687" data-link="https://scout-theme-sage.test/dsc20050604_133440_34211/" class="wp-image-1687"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Huatulco Coastline" data-id="768" data-link="https://scout-theme-sage.test/post-format-gallery/alas-i-have-found-my-shangri-la/" class="wp-image-768"/><figcaption>Sunrise over the coast in Huatulco, Oaxaca, Mexico</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://via.placeholder.com/1200x800" alt="Big Sur" data-id="766" data-link="https://scout-theme-sage.test/post-format-gallery/michelle_049/" class="wp-image-766"/><figcaption>Beach at Big Sur, CA</figcaption></figure></li></ul>
<!-- /wp:gallery -->

<!-- wp:heading -->
<h2>Media &amp; Text</h2>
<!-- /wp:heading -->

<!-- wp:media-text {"mediaId":1687,"mediaType":"image"} -->
<div class="wp-block-media-text alignwide"><figure class="wp-block-media-text__media"><img src="https://via.placeholder.com/1200x800" alt="" class="wp-image-1687"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph {"placeholder":"Content…","fontSize":"large"} -->
<p class="has-large-font-size">Lorem ipsum</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:media-text -->