Рекламные баннеры

Источник данного шедевра тык в тему и спасибо Skaiman

CSS:Скопировать

<style>
  .block-commerce {
    padding: 10px;
  }
  .block-commerce .commerce-item {
    display: flex;
  }
  .block-commerce .commerce-item a.commerce-link {
    display: block;
    margin: 3px 5px;
  }
  .block-commerce .commerce-item a.commerce-link img {
    width: 100%;
  }
</style>

<div class="block-commerce">
    <div class="commerce-item">
        <a class="commerce-link" href="#" target="_blank"><img src="https://imgholder.ru/1400x300/9DBF16/fff&text=ЗДЕСЬ+МОЖЕТ+БЫТЬ+ВАША+РЕКЛАМА&font=bebas&fz=46" title=""></a>
    </div>
    <div class="commerce-item">
        <a class="commerce-link" href="#" target="_blank"><img src="https://imgholder.ru/600x600/0082D5/fff&text=ЗДЕСЬ+МОЖЕТ+БЫТЬ+ВАША+РЕКЛАМА&font=bebas&fz=46" title=""></a>
        <a class="commerce-link" href="#" target="_blank"><img src="https://imgholder.ru/600x600/3D4D65/fff&text=ЗДЕСЬ+МОЖЕТ+БЫТЬ+ВАША+РЕКЛАМА&font=bebas&fz=46" title=""></a>
        <a class="commerce-link" href="#" target="_blank"><img src="https://imgholder.ru/600x600/0082D5/fff&text=ЗДЕСЬ+МОЖЕТ+БЫТЬ+ВАША+РЕКЛАМА&font=bebas&fz=46" title=""></a>
    </div>
    <div class="commerce-item">
        <a class="commerce-link" href="#" target="_blank"><img src="https://imgholder.ru/600x600/9DBF16/fff&text=ЗДЕСЬ+МОЖЕТ+БЫТЬ+ВАША+РЕКЛАМА&font=bebas&fz=46" title=""></a>
        <a class="commerce-link" href="#" target="_blank"><img src="https://imgholder.ru/600x600/9D2933/fff&text=ЗДЕСЬ+МОЖЕТ+БЫТЬ+ВАША+РЕКЛАМА&font=bebas&fz=46" title=""></a>
        <a class="commerce-link" href="#" target="_blank"><img src="https://imgholder.ru/600x600/9DBF16/fff&text=ЗДЕСЬ+МОЖЕТ+БЫТЬ+ВАША+РЕКЛАМА&font=bebas&fz=46" title=""></a>
    </div>
    <div class="commerce-item">
        <a class="commerce-link" href="#" target="_blank"><img src="https://imgholder.ru/600x600/0082D5/fff&text=ЗДЕСЬ+МОЖЕТ+БЫТЬ+ВАША+РЕКЛАМА&font=bebas&fz=46" title=""></a>
        <a class="commerce-link" href="#" target="_blank"><img src="https://imgholder.ru/600x600/3D4D65/fff&text=ЗДЕСЬ+МОЖЕТ+БЫТЬ+ВАША+РЕКЛАМА&font=bebas&fz=46" title=""></a>
        <a class="commerce-link" href="#" target="_blank"><img src="https://imgholder.ru/600x600/0082D5/fff&text=ЗДЕСЬ+МОЖЕТ+БЫТЬ+ВАША+РЕКЛАМА&font=bebas&fz=46" title=""></a>
    </div>
    <div class="commerce-item">
        <a class="commerce-link" href="#" target="_blank"><img src="https://imgholder.ru/1400x300/9DBF16/fff&text=ЗДЕСЬ+МОЖЕТ+БЫТЬ+ВАША+РЕКЛАМА&font=bebas&fz=46" title=""></a>
    </div>         
</div>