The image with text section provides an appealing and dynamic approach mixing media, message, and a call-to-action button. This is a great way to promote a product/collection or any exciting feature on your online store.
## How to customize an image with text
An image with text section's layout is defined by the grid layout you set. A grid comes with a number of columns.
### Section settings
#### Grid layout
The settings let you decide on your grid layout on different screen sizes. Use the device mode selector on the top bar to view the section on desktop/laptop/tablet/mobile.
#### Content position
You can also adjust the content position and gap between columns of that grid (between 0 and 100px).
Then, you can add child blocks to each of the columns accordingly to create an image with text section as you wish.
### Block settings
You can add different child blocks in one column that you can mix and match:
* Buttons
* Image
* Text
* Heading
* Custom code
## Some practices of the Image with text section
Here are some ways to use the image with text section for your storefront:
* About us content: Use a picture with a short paragraph of text to let visitors know more about your brand.
* Explainers and introduction: Explain how your products are made.
* Spotlight products: Display your featured products with a button to direct customers to the product pages/collection page.
* Sale promotions: Promote an event or sale by showcasing your special offers.
