![[Code Sales]: Banner](http://section-stock.com/cdn/shop/files/banner-n.png?v=1742634871&width=1445)
From the section, you can set the alignment.
You can set up to four banner images.

In the placement settings, you can set the placement when using a PC or a smartphone.
You can choose from 1 to 4 rows for PCs, and 1 or 2 rows for smartphones.

For each block, you can insert an image, select the link destination, and set how the link destination will be displayed.

A little code
<section class=<section- {{ section.id }} -padding color- {{ section.settings.section_color_scheme }} <>
<div class=<page-width<>
<div class=<c_banner--container<>
{%- assign item_count = section.blocks.size -%}
<div class=<c_banner--wrap
{% if item_count == 1 %} c_banner1
{% elsif item_count == 2 %} c_banner2