#elections-page .page {
display: flex;
justify-content: space-between;
align-items: start;
flex-wrap: wrap;
padding: 0 20px;
}
#elections-page .card {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
flex: 1;
margin: 0 10px; /* Margine aggiunto per separare le card */
padding: 20px;
border: 1px solid #000; /* Bordo aggiunto attorno a ciascuna card */
background-color: #f8f9fa;
box-sizing: border-box;
}
#elections-page .card h2, #elections-page .card a {
margin-top: 20px;
}
#elections-page .image {
width: 200px;
height: auto;
}
/* Stili per visualizzazione su mobile */
@media (max-width: 600px) {
#elections-page .page {
flex-direction: column;
align-items: center;
padding: 0;
}
#elections-page .card {
margin: 20px 0; /* Margine aggiornato per la visualizzazione su mobile */
max-width: 90%; /* Impostato un massimo di larghezza per evitare che le card siano troppo larghe su dispositivi mobile */
}
}
