Image and Paragraphs on Grid

<div class="wp-block-group alignfull has-text-color has-background has-link-color" style="color:#f6f4ed;background-color:#121313;margin-top:0px;margin-bottom:0px;padding-top:7vw;padding-bottom:7vw"> <h2 class="alignwide">People</h2>   <div class="wp-block-columns alignwide"> <div class="wp-block-column"> <div class="wp-block-group"> <figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2022/07/monica-silva-rtbbvt9acas-unsplash.jpg" alt="" class="wp-image-5683"/></figure>   <div class="wp-block-group"> <p style="font-size:16px;line-height:1.4">Selena Carroll</p>   <p style="font-size:16px;line-height:1.4">Architect</p>   <p style="font-size:16px;line-height:1.4"><a href="#">selena.carroll@example.com</a></p> </div>   <p style="font-size:16px;line-height:1.4">She plans, designs and oversees the construction of buildings. To practice, architecture means to provide services in connection with the creation of buildings and the space within the site surrounding the buildings that have human occupancy or use as their purpose.</p> </div> </div>   <div class="wp-block-column"> <div class="wp-block-group"> <figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2022/07/morten-pedersen-z-bgd8pmv30-unsplash.jpg" alt="" class="wp-image-5684"/></figure>   <div class="wp-block-group"> <p style="font-size:16px;line-height:1.4">Dylan Wheeler</p>   <p style="font-size:16px;line-height:1.4">Architect</p>   <p style="font-size:16px;line-height:1.4"><a href="#">dylan.wheeler@example.com</a></p> </div>   <p style="font-size:16px;line-height:1.4">He plans, designs and oversees the construction of buildings. To practice, architecture means to provide services in connection with the creation of buildings and the space within the site surrounding the buildings that have human occupancy or use as their purpose.</p> </div> </div>   <div class="wp-block-column"> <div class="wp-block-group"> <figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2022/07/payton-tuttle-rffr1jjkjx8-unsplash.jpg" alt="" class="wp-image-5685"/></figure>   <div class="wp-block-group"> <p style="font-size:16px;line-height:1.4">Levison Mcdougall</p>   <p style="font-size:16px;line-height:1.4">Architect</p>   <p style="font-size:16px;line-height:1.4"><a href="#">levison.mcdougall@example.com</a></p> </div>   <p style="font-size:16px;line-height:1.4">He plans, designs and oversees the construction of buildings. To practice, architecture means to provide services in connection with the creation of buildings and the space within the site surrounding the buildings that have human occupancy or use as their purpose.</p> </div> </div> </div>   <div class="wp-block-columns alignwide"> <div class="wp-block-column"> <div class="wp-block-group"> <figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2022/07/pexels-mateusz-dach-3556274.jpg" alt="" class="wp-image-5686"/></figure>   <div class="wp-block-group"> <p style="font-size:16px;line-height:1.4">Adele Lopez</p>   <p style="font-size:16px;line-height:1.4">Project Manager</p>   <p style="font-size:16px;line-height:1.4"><a href="#">adele.lopez@example.com</a></p> </div>   <p style="font-size:16px;line-height:1.4">She plans, designs and oversees the construction of buildings. To practice, architecture means to provide services in connection with the creation of buildings and the space within the site surrounding the buildings that have human occupancy or use as their purpose.</p> </div> </div>   <div class="wp-block-column"> <div class="wp-block-group"> <figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2022/07/pexels-alexander-zvir-9906488.jpg" alt="" class="wp-image-5687"/></figure>   <div class="wp-block-group"> <p style="font-size:16px;line-height:1.4">Selena Carroll</p>   <p style="font-size:16px;line-height:1.4">Project Manager</p>   <p style="font-size:16px;line-height:1.4"><a href="#">selena.carroll@example.com</a></p> </div>   <p style="font-size:16px;line-height:1.4">She plans, designs and oversees the construction of buildings. To practice, architecture means to provide services in connection with the creation of buildings and the space within the site surrounding the buildings that have human occupancy or use as their purpose.</p> </div> </div>   <div class="wp-block-column"> <div class="wp-block-group"> <figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2022/07/meg-b3pxcvnz9tk-unsplash.jpg" alt="" class="wp-image-5688"/></figure>   <div class="wp-block-group"> <p style="font-size:16px;line-height:1.4">Izaak Travis</p>   <p style="font-size:16px;line-height:1.4">Architect</p>   <p style="font-size:16px;line-height:1.4"><a href="#">izaak.travis@example.com</a></p> </div>   <p style="font-size:16px;line-height:1.4">She plans, designs and oversees the construction of buildings. To practice, architecture means to provide services in connection with the creation of buildings and the space within the site surrounding the buildings that have human occupancy or use as their purpose.</p> </div> </div> </div> </div>

<div class="wp-block-group alignfull has-text-color has-background has-link-color" style="color:#f6f4ed;background-color:#121313;margin-top:0px;margin-bottom:0px;padding-top:7vw;padding-bottom:7vw"> <h2 class="alignwide">People</h2>   <div class="wp-block-group alignwide"> <div class="wp-block-columns alignwide"> <div class="wp-block-column"> <div class="wp-block-group"> <figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2022/07/monica-silva-rtbbvt9acas-unsplash.jpg" alt="" class="wp-image-5683"/></figure>   <div class="wp-block-group"> <h5 style="margin-bottom:15px;font-style:normal;font-weight:700">Selena Carroll</h5>   <p style="font-size:16px;line-height:1.4">Architect</p>   <p style="font-size:16px;line-height:1.4"><a href="#">selena.carroll@example.com</a></p> </div>   <p style="font-size:16px;line-height:1.4">She plans, designs and oversees the construction of buildings. To practice, architecture means to provide services in connection with the creation of buildings and the space within the site surrounding the buildings that have human occupancy or use as their purpose.</p> </div> </div>   <div class="wp-block-column"> <div class="wp-block-group"> <figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2022/07/morten-pedersen-z-bgd8pmv30-unsplash.jpg" alt="" class="wp-image-5684"/></figure>   <div class="wp-block-group"> <h5 style="margin-bottom:15px;font-style:normal;font-weight:700">Dylan Wheeler</h5>   <p style="font-size:16px;line-height:1.4">Architect</p>   <p style="font-size:16px;line-height:1.4"><a href="#">dylan.wheeler@example.com</a></p> </div>   <p style="font-size:16px;line-height:1.4">He plans, designs and oversees the construction of buildings. To practice, architecture means to provide services in connection with the creation of buildings and the space within the site surrounding the buildings that have human occupancy or use as their purpose.</p> </div> </div>   <div class="wp-block-column"> <div class="wp-block-group"> <figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2022/07/payton-tuttle-rffr1jjkjx8-unsplash.jpg" alt="" class="wp-image-5685"/></figure>   <div class="wp-block-group"> <h5 style="margin-bottom:15px;font-style:normal;font-weight:700">Levison Mcdougall</h5>   <p style="font-size:16px;line-height:1.4">Architect</p>   <p style="font-size:16px;line-height:1.4"><a href="#">levison.mcdougall@example.com</a></p> </div>   <p style="font-size:16px;line-height:1.4">He plans, designs and oversees the construction of buildings. To practice, architecture means to provide services in connection with the creation of buildings and the space within the site surrounding the buildings that have human occupancy or use as their purpose.</p> </div> </div> </div>   <div class="wp-block-columns alignwide"> <div class="wp-block-column"> <div class="wp-block-group"> <figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2022/07/pexels-mateusz-dach-3556274.jpg" alt="" class="wp-image-5686"/></figure>   <div class="wp-block-group"> <h5 style="margin-bottom:15px;font-style:normal;font-weight:700">Adele Lopez</h5>   <p style="font-size:16px;line-height:1.4">Project Manager</p>   <p style="font-size:16px;line-height:1.4"><a href="#">adele.lopez@example.com</a></p> </div>   <p style="font-size:16px;line-height:1.4">She plans, designs and oversees the construction of buildings. To practice, architecture means to provide services in connection with the creation of buildings and the space within the site surrounding the buildings that have human occupancy or use as their purpose.</p> </div> </div>   <div class="wp-block-column"> <div class="wp-block-group"> <figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2022/07/pexels-alexander-zvir-9906488.jpg" alt="" class="wp-image-5687"/></figure>   <div class="wp-block-group"> <h5 style="margin-bottom:15px;font-style:normal;font-weight:700">Selena Carroll</h5>   <p style="font-size:16px;line-height:1.4">Project Manager</p>   <p style="font-size:16px;line-height:1.4"><a href="#">selena.carroll@example.com</a></p> </div>   <p style="font-size:16px;line-height:1.4">She plans, designs and oversees the construction of buildings. To practice, architecture means to provide services in connection with the creation of buildings and the space within the site surrounding the buildings that have human occupancy or use as their purpose.</p> </div> </div>   <div class="wp-block-column"> <div class="wp-block-group"> <figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2022/07/meg-b3pxcvnz9tk-unsplash.jpg" alt="" class="wp-image-5688"/></figure>   <div class="wp-block-group"> <h5 style="margin-bottom:15px;font-style:normal;font-weight:700">Izaak Travis</h5>   <p style="font-size:16px;line-height:1.4">Architect</p>   <p style="font-size:16px;line-height:1.4"><a href="#">izaak.travis@example.com</a></p> </div>   <p style="font-size:16px;line-height:1.4">She plans, designs and oversees the construction of buildings. To practice, architecture means to provide services in connection with the creation of buildings and the space within the site surrounding the buildings that have human occupancy or use as their purpose.</p> </div> </div> </div> </div> </div>

Updated w font-size presets:

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"7vw","bottom":"7vw"},"margin":{"top":"0px","bottom":"0px"},"blockGap":"30px"},"elements":{"link":{"color":{"text":"#f6f4ed"}}},"color":{"background":"#121313","text":"#f6f4ed"}},"layout":{"inherit":true}} -->
<div class="wp-block-group alignfull has-text-color has-background has-link-color" style="color:#f6f4ed;background-color:#121313;margin-top:0px;margin-bottom:0px;padding-top:7vw;padding-bottom:7vw"><!-- wp:heading {"align":"wide"} -->
<h2 class="alignwide">People</h2>
<!-- /wp:heading -->

<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"50px"}}} -->
<div class="wp-block-group alignwide"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:image {"id":5683,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2022/07/monica-silva-rtbbvt9acas-unsplash.jpg" alt="" class="wp-image-5683"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group"><!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"1.1rem"},"spacing":{"margin":{"bottom":"15px"}}}} -->
<h5 style="margin-bottom:15px;font-size:1.1rem;font-style:normal;font-weight:700">Selena Carroll</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"small"} -->
<p class="has-small-font-size" style="line-height:1.4">Architect</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"small"} -->
<p class="has-small-font-size" style="line-height:1.4"><a href="#">selena.carroll@example.com</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"small"} -->
<p class="has-small-font-size" style="line-height:1.4">She plans, designs and oversees the construction of buildings. To practice, architecture means to provide services in connection with the creation of buildings and the space within the site surrounding the buildings that have human occupancy or use as their purpose.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:image {"id":5684,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2022/07/morten-pedersen-z-bgd8pmv30-unsplash.jpg" alt="" class="wp-image-5684"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group"><!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"1.1rem"},"spacing":{"margin":{"bottom":"15px"}}}} -->
<h5 style="margin-bottom:15px;font-size:1.1rem;font-style:normal;font-weight:700">Dylan Wheeler</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"small"} -->
<p class="has-small-font-size" style="line-height:1.4">Architect</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"small"} -->
<p class="has-small-font-size" style="line-height:1.4"><a href="#">dylan.wheeler@example.com</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"small"} -->
<p class="has-small-font-size" style="line-height:1.4">He plans, designs and oversees the construction of buildings. To practice, architecture means to provide services in connection with the creation of buildings and the space within the site surrounding the buildings that have human occupancy or use as their purpose.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:image {"id":5685,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2022/07/payton-tuttle-rffr1jjkjx8-unsplash.jpg" alt="" class="wp-image-5685"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group"><!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"1.1rem"},"spacing":{"margin":{"bottom":"15px"}}}} -->
<h5 style="margin-bottom:15px;font-size:1.1rem;font-style:normal;font-weight:700">Levison Mcdougall</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"small"} -->
<p class="has-small-font-size" style="line-height:1.4">Architect</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"small"} -->
<p class="has-small-font-size" style="line-height:1.4"><a href="#">levison.mcdougall@example.com</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"small"} -->
<p class="has-small-font-size" style="line-height:1.4">He plans, designs and oversees the construction of buildings. To practice, architecture means to provide services in connection with the creation of buildings and the space within the site surrounding the buildings that have human occupancy or use as their purpose.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:image {"id":5686,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2022/07/pexels-mateusz-dach-3556274.jpg" alt="" class="wp-image-5686"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group"><!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"1.1rem"},"spacing":{"margin":{"bottom":"15px"}}}} -->
<h5 style="margin-bottom:15px;font-size:1.1rem;font-style:normal;font-weight:700">Adele Lopez</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"small"} -->
<p class="has-small-font-size" style="line-height:1.4">Project Manager</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"small"} -->
<p class="has-small-font-size" style="line-height:1.4"><a href="#">adele.lopez@example.com</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"small"} -->
<p class="has-small-font-size" style="line-height:1.4">She plans, designs and oversees the construction of buildings. To practice, architecture means to provide services in connection with the creation of buildings and the space within the site surrounding the buildings that have human occupancy or use as their purpose.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:image {"id":5687,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2022/07/pexels-alexander-zvir-9906488.jpg" alt="" class="wp-image-5687"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group"><!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"1.1rem"},"spacing":{"margin":{"bottom":"15px"}}}} -->
<h5 style="margin-bottom:15px;font-size:1.1rem;font-style:normal;font-weight:700">Selena Carroll</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"small"} -->
<p class="has-small-font-size" style="line-height:1.4">Project Manager</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"small"} -->
<p class="has-small-font-size" style="line-height:1.4"><a href="#">selena.carroll@example.com</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"small"} -->
<p class="has-small-font-size" style="line-height:1.4">She plans, designs and oversees the construction of buildings. To practice, architecture means to provide services in connection with the creation of buildings and the space within the site surrounding the buildings that have human occupancy or use as their purpose.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:image {"id":5688,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2022/07/meg-b3pxcvnz9tk-unsplash.jpg" alt="" class="wp-image-5688"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group"><!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"bottom":"15px"}}}} -->
<h5 style="margin-bottom:15px;font-style:normal;font-weight:700">Izaak Travis</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"small"} -->
<p class="has-small-font-size" style="line-height:1.4">Architect</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"small"} -->
<p class="has-small-font-size" style="line-height:1.4"><a href="#">izaak.travis@example.com</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"small"} -->
<p class="has-small-font-size" style="line-height:1.4">She plans, designs and oversees the construction of buildings. To practice, architecture means to provide services in connection with the creation of buildings and the space within the site surrounding the buildings that have human occupancy or use as their purpose.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

Automattic / blockpatterns

Image and Paragraphs on Grid #232