5441
редагування
Шаблон:Main page: відмінності між версіями
нема опису редагування
Admin (обговорення | внесок) Немає опису редагування |
Admin (обговорення | внесок) Немає опису редагування |
||
| Рядок 74: | Рядок 74: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="heroes-grid"> | |||
<!-- Hero Block Placeholder Example --> | |||
<div class="hero-item"> | |||
<a href="#" title="Hero Name"> | |||
<img src="https://mafiacc.site/images/0/00/Block_03.png" alt="Hero Placeholder" /> | |||
<span class="hero-name">Hero Name</span> | |||
</a> | |||
</div> | |||
<!-- Duplicate this block for each hero --> | |||
<div class="hero-item"> | |||
<a href="#" title="Hero Name"> | |||
<img src="https://mafiacc.site/images/0/00/Block_03.png" alt="Hero Placeholder" /> | |||
<span class="hero-name">Hero Name</span> | |||
</a> | |||
</div> | |||
<div class="hero-item"> | |||
<a href="#" title="Hero Name"> | |||
<img src="httpsifiacc.site/images/0/00/Block_03.png" alt="Hero Placeholder" /> | |||
<span class="hero-name">Hero Name</span> | |||
</a> | |||
</div> | |||
</div> | |||
<style> | |||
.heroes-grid { | |||
display: grid; | |||
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); | |||
gap: 12px; | |||
} | |||
.hero-item { | |||
text-align: center; | |||
} | |||
.hero-item img { | |||
width: 80px; | |||
height: 80px; | |||
object-fit: cover; | |||
border-radius: 8px; | |||
} | |||
.hero-name { | |||
display: block; | |||
margin-top: 6px; | |||
font-size: 14px; | |||
color: #fff; | |||
} | |||
</style> | |||