LYS - Use flow layout for the coming soon template

[moon0326]

Submission Review Guidelines:

• I have followed the WooCommerce Contributing Guidelines and the WordPress Coding Standards.
• I have checked to ensure there aren't other open Pull Requests for the same update/change.
• I have reviewed my code for security best practices.
• Following the above guidelines will result in quick merges and clear and detailed feedback when appropriate.

Changes proposed in this Pull Request:

Closes #47193 .

This PR updates the coming soon template to use flow layout to fix the text layout issue.

How to test the changes in this Pull Request:

Using the WooCommerce Testing Instructions Guide, include your detailed testing instructions:

1. Create a new JN site with this branch.
2. Go to WooCommerce -> Settings -> Site Visibility and change the mode to Coming soon and enable Restrict to store pages only option.
3. Click Save changes
4. Open an Incognito session.
5. Go to https://your-site/cart
6. Confirm Great things are on the horizon is displayed in one line.

Changelog entry

• Automatically create a changelog entry from the details below.

Significance

• Patch
• Minor
• Major

Type

• Fix - Fixes an existing bug
• Add - Adds functionality
• Update - Update existing functionality
• Dev - Development related task
• Tweak - A minor adjustment to the codebase
• Performance - Address performance issues
• Enhancement - Improvement to existing functionality

Message

LYS - Use flow layout for the coming soon template

Comment

[github-actions]

Test using WordPress Playground

The changes in this pull request can be previewed and tested using a WordPress Playground instance.
WordPress Playground is an experimental project that creates a full WordPress instance entirely within the browser.

Test this pull request with WordPress Playground.

Note that this URL is valid for 30 days from when this comment was last updated. You can update it by closing/reopening the PR or pushing a new commit.

[chihsuan]

Tested well on frontend but it seems that block can't be previewed in the editor. I guess we need to make more changes somewhere else. 🤔

[moon0326]

Use flex layout

Good catch! It should have been flex. Updated it in Use flex layout

[ilyasfoo]

I'm able to see the editor working now.

Tests well, LGTM! 🚢

[rjchow]

lgtm!

[adrianduffell]

Nice work @moon0326! Merging this on your behalf