[html]<div class="gemini_topic">
<div class="gemini_topic_title">
<div class="gemini_topic_humanized">взаимная реклама</div>
<div class="gemini_topic_directive">G:\linkback</div>
</div>
<div class="gemini_topic_main">
<div class="gemini_topic_minititle">наша реклама</div>
<div class="linkback-banners-grid">
<div class="linkback-banner-card">
<img src="https://upforme.ru/uploads/001a/e1/ae/3/204429.png" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/001a/e1/ae/3/204429.png">Получить код</button>
</div>
<div class="linkback-banner-card">
<img src="https://upforme.ru/uploads/001a/e1/ae/3/130608.png" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/001a/e1/ae/3/130608.png">Получить код</button>
</div>
<div class="linkback-banner-card">
<img src="https://upforme.ru/uploads/001a/e1/ae/3/929308.png" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/001a/e1/ae/3/929308.png">Получить код</button>
</div>
<div class="linkback-banner-card">
<img src="https://upforme.ru/uploads/001a/e1/ae/3/656650.png" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/001a/e1/ae/3/656650.png">Получить код</button>
</div>
<div class="linkback-banner-card">
<img src="https://upforme.ru/uploads/001a/e1/ae/3/902543.png" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/001a/e1/ae/3/902543.png">Получить код</button>
</div>
<div class="linkback-banner-card">
<img src="https://upforme.ru/uploads/001a/e1/ae/3/62353.png" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/001a/e1/ae/3/62353.png">Получить код</button>
</div>
<div class="linkback-banner-card">
<img src="https://upforme.ru/uploads/001a/e1/ae/3/630559.png" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/001a/e1/ae/3/630559.png">Получить код</button>
</div>
<div class="linkback-banner-card">
<img src="https://upforme.ru/uploads/001a/e1/ae/2/402854.png" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/001a/e1/ae/2/402854.png">Получить код</button>
</div>
<div class="linkback-banner-card">
<img src="https://upforme.ru/uploads/001a/e1/ae/2/484092.png" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/001a/e1/ae/2/484092.png">Получить код</button>
</div>
<div class="linkback-banner-card">
<img src="https://upforme.ru/uploads/001a/e1/ae/2/489816.png" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/001a/e1/ae/2/489816.png">Получить код</button>
</div>
<div class="linkback-banner-card">
<img src="https://upforme.ru/uploads/001a/e1/ae/2/451031.png" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/001a/e1/ae/2/451031.png">Получить код</button>
</div>
</div>
</div>
</div>
<style>
/* Жесткая сетка по 3 колонки в ряд */
.linkback-banners-grid {
margin-top: 15px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px 10px;
width: 100%;
}
/* Карточка баннера */
.linkback-banner-card {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
width: 100%;
}
.linkback-banner-card img {
width: 100%;
height: auto;
display: block;
}
/* Кнопка с точечным центрированием содержимого внутри себя */
.copy-banner {
width: 100%;
padding: 6px;
cursor: pointer;
border: 1px;
background: rgba(151, 196, 190, 0.15);
color: inherit;
font-size: 11px;
text-transform: lowercase;
/* Флекс-выравнивание текста строго по центру кнопки */
display: flex;
align-items: center;
justify-content: center;
text-align: center;
box-sizing: border-box;
transition: background 0.2s ease;
}
.copy-banner:hover {
background: rgba(151, 196, 190, 0.3);
}
@media screen and (max-width: 540px) {
.linkback-banners-grid {
grid-template-columns: repeat(2, 1fr);
}
}
</style>[/html]
[html]<script src="https://forumstatic.ru/files/001a/e1/ae/34200.js?v=7"></script>[/html]
[html]<script src="https://forumstatic.ru/files/001a/e1/ae/71490.js"></script>[/html][hideprofile]
