Services - four columns with background
Nobody has claimed this yet.
Assessment
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Newbie friendliness
- 25/100
Research direction
The issue provides only a reference image and a WordPress block-markup example; no repository file, test, or entry point is named. Begin by locating how this repository stores block patterns, then verify the four-column services pattern with its background against the supplied image.
Written by the indexing model from the issue text.
Description

<!-- wp:cover {"url":"https://dotcompatterns.files.wordpress.com/2020/08/marble_flipped-1.jpg","id":2042,"dimRatio":0,"focalPoint":{"x":"0.50","y":"0.50"},"align":"full"} -->
<div class="wp-block-cover alignfull" style="background-image:url(https://dotcompatterns.files.wordpress.com/2020/08/marble_flipped-1.jpg);background-position:50% 50%"><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":60} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:columns {"align":"full"} -->
<div class="wp-block-columns alignfull"><!-- wp:column {"width":33.3} -->
<div class="wp-block-column" style="flex-basis:33.3%"><!-- wp:heading {"level":3,"style":{"color":{"text":"#111111"}}} -->
<h3 class="has-text-color" style="color:#111111">LET'S WORK TOGETHER</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"color":{"text":"#111111"}}} -->
<p class="has-text-color" style="color:#111111">I help busy people to achieve their best health, through a unique combination of life, wellness, and nutrition coaching.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"borderRadius":0,"style":{"color":{"background":"#3a4f41"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-background no-border-radius" style="background-color:#3a4f41">FREE CONSULTATION</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":2037,"sizeSlug":"large","className":"margin-bottom-none"} -->
<figure class="wp-block-image size-large margin-bottom-none"><img src="https://dotcompatterns.files.wordpress.com/2020/08/coaching_square.jpg?w=1024" alt="" class="wp-image-2037"/></figure>
<!-- /wp:image -->
<!-- wp:paragraph {"align":"center","className":"margin-top-none","style":{"color":{"text":"#111111","background":"#ffffff"}}} -->
<p class="has-text-align-center margin-top-none has-text-color has-background" style="background-color:#ffffff;color:#111111">LIFE COACHING</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":2044,"sizeSlug":"large","className":"margin-bottom-none"} -->
<figure class="wp-block-image size-large margin-bottom-none"><img src="https://dotcompatterns.files.wordpress.com/2020/08/wellness_square-1.jpg?w=595" alt="" class="wp-image-2044"/></figure>
<!-- /wp:image -->
<!-- wp:paragraph {"align":"center","className":"margin-top-none","style":{"color":{"text":"#111111","background":"#ffffff"}}} -->
<p class="has-text-align-center margin-top-none has-text-color has-background" style="background-color:#ffffff;color:#111111">WELLNESS</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":2039,"sizeSlug":"large","className":"margin-bottom-none"} -->
<figure class="wp-block-image size-large margin-bottom-none"><img src="https://dotcompatterns.files.wordpress.com/2020/08/nutrition_square.jpg?w=600" alt="" class="wp-image-2039"/></figure>
<!-- /wp:image -->
<!-- wp:paragraph {"align":"center","className":"margin-top-none","style":{"color":{"text":"#111111","background":"#ffffff"}}} -->
<p class="has-text-align-center margin-top-none has-text-color has-background" style="background-color:#ffffff;color:#111111">NUTRITION</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:spacer {"height":60} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover -->
- Dominant language
- No language data
- Stars
- 7
- Forks
- 2
- PR merge metrics
- No merged PRs in 30d
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from Automattic/blockpatterns
-
Difficulty 3/5 1-2 days Newbie friendliness 35/100
Automattic/blockpatterns#315 · 1 comment ·
-
Minimal About Me Open
Difficulty 2/5 1-3 hours Newbie friendliness 35/100
Automattic/blockpatterns#314 · 3 comments ·
-
Difficulty 3/5 1-2 days Newbie friendliness 30/100
Automattic/blockpatterns#313 · 3 comments ·
-
Difficulty 3/5 1-2 days Newbie friendliness 25/100
Automattic/blockpatterns#312 · 1 comment ·
-
Difficulty 3/5 1-2 days Newbie friendliness 35/100
Automattic/blockpatterns#311 · 2 comments ·
All issues in Automattic/blockpatterns
Similar issues
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Difficulty 1/5 Under an hour Newbie friendliness 95/100
-
Ecosystem: ClawMetry — the Qwen Code reader is now free and open source (follow-up to #9294 / #9338) Opencategory/integration priority/P3 scope/documentation status/ready-for-human type/feature-request
Difficulty 1/5 Under an hour Newbie friendliness 84/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
TheOdinProject/curriculum#31408 ·
-
archived coursework help wanted scope: curriculum
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
freeCodeCamp/freeCodeCamp#70260 · 1 comment ·
-
雪鸿集 Open待处理 申请收录
Difficulty 1/5 Under an hour Newbie friendliness 72/100
travellings-link/travellings#4000 · 1 comment ·