Ya intente varias cosas y no me funciona, mis cards se salen de la pantalla inicial, intente desde html, css y javascript pero no me funciona, ya estuve checando todo y no encuentro el error
Ya hice muchos intentos en el css y en js
.card-view-simple2{
background-color: #323232;
box-shadow: 0 0 4px 0 rgba(12, 12, 12, 0.8);
min-width: 280px;
margin: 5px;
text-align: center;
color: #ffffff;
min-height: 200px;
overflow: visible;
margin-left: auto;
margin-right: auto;
border-radius: 20px;
border-width: 1px;
transition: all 0.2s;
display: grid;
justify-content: center;
son dos css los que utilizo uno para el diseño y otro para la ubicacion y cual esta llamando desde el html
.cards-container-10 {
display: grid;
grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
padding: 8px;
flex-wrap: wrap;
align-items: flex-start;
}
</div>
<div id="main_cards_container" class="cards-container-10">
</div>
<!-- Pie de página -->
<footer id="footer" class="footer"></footer>
</body>
</html>
Se supone que la barra de arriba que se ve negra es un div y donde se ve que termina ahi se deberia pasar para abajo las cards que sobran, ya intente con el felx pero no me lo agarra