[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/846018.png" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/001a/e1/ae/3/846018.png">Получить код</button>
</div>
<div class="linkback-banner-card">
<img src="https://upforme.ru/uploads/001a/e1/ae/5/849614.png" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/001a/e1/ae/5/849614.png">Получить код</button>
</div>
<div class="linkback-banner-card">
<img src="https://upforme.ru/uploads/001c/c2/c0/3/978380.png" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/001c/c2/c0/3/978380.png">Получить код</button>
</div>
<div class="linkback-banner-card">
<img src="https://upforme.ru/uploads/001a/e1/ae/2/407988.png" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/001a/e1/ae/2/407988.png">Получить код</button>
</div>
<div class="linkback-banner-card">
<img src="https://upforme.ru/uploads/001a/e1/ae/3/670682.png" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/001a/e1/ae/3/670682.png">Получить код</button>
</div>
<div class="linkback-banner-card">
<img src="https://upforme.ru/uploads/0019/9e/ef/3922/244055.png" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/0019/9e/ef/3922/244055.png">Получить код</button>
</div>
<div class="linkback-banner-card">
<img src="https://upforme.ru/uploads/001a/e1/ae/2/937457.png" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/001a/e1/ae/2/937457.png">Получить код</button>
</div>
<div class="linkback-banner-card">
<img src="https://upforme.ru/uploads/001a/e1/ae/3/127557.png" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/001a/e1/ae/3/127557.png">Получить код</button>
</div>
<div class="linkback-banner-card">
<img src="https://upforme.ru/uploads/001a/e1/ae/3/302128.gif" alt="">
<button class="copy-banner" data-img="https://upforme.ru/uploads/001a/e1/ae/3/302128.gif">Получить код</button>
</div>
</div>
</div>
</div>
<style>
/* Жесткая сетка по 3 колонки в ряд */
.linkback-banners-grid {
margin-top: 15px;
display: grid;
grid-template-columns: repeat(3, 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]
