Eleição
<style>
.card__grid-grid {
grid-template-columns: 1fr;
padding-top: 2rem;
gap: 3rem;
}
@media screen and (min-width: 768px) {
.card__grid-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
</style>
<section class="home__section">
<div class="editor-content">
<h2 class="h2 decorator">Eleição</h2>
</div>
<div class="space-y-8">
<div class="editor-content">
<div class="rich-text-display">
<p><strong>Cada eleitor pode votar em 7 candidatos:</strong></p>
<ul>
<li>
<span>4 do Movimento Organizado.</span>
</li>
<li>
<span>3 do Movimento Independente.</span>
</li>
</ul>
<p><strong>Como votar:</strong></p>
<ul>
<li>
<span>Faça o login pelo <a href="/users/sign_in">Gov.br</a></span>
</li>
<li>
<span>Clique no segmento desejado.</span>
</li>
<li>
<span>Clique em "votar" no candidato que deseja votar.</span>
</li>
</ul>
</div>
</div>
</div>
<div class="card__grid-grid">
<a class="card__grid" href="/processes/eleicao-conselho-comdlgbt/f/1066/proposals">
<div class="card__grid-img">
<img
src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdE00IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--7881b66ee96517cdf43b40899de1e2caadaaaa9b/Thumbnail%20(10).png"
alt="Thumbnail"
/>
</div>
<div class="card__grid-text">
<h3 class="h4 text-secondary">Representantes Independentes da Sociedade Civil</h3>
</div>
</a>
<a class="card__grid" href="/processes/eleicao-conselho-comdlgbt/f/1065/proposals">
<div class="card__grid-img">
<img
src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdE00IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--7881b66ee96517cdf43b40899de1e2caadaaaa9b/Thumbnail%20(10).png"
alt="Thumbnail"
/>
</div>
<div class="card__grid-text">
<h3 class="h4 text-secondary">Representantes do Movimento Social Organizado</h3>
</div>
</a>
</div>
</section>