CSS - Impedir que se desborde un div

.card{

   width: 100%;

    margin: 10px 30px;

    border: solid;

    border-color:rgb(53, 197, 183);

    background-color: rgba(13, 39, 54, 0.897);

    box-shadow: 5px 5px 10px 5px rgb(27, 27, 27);

}

.subcard{

    display: flex;

    justify-content: center;

    align-items: center;

    float:  left;

    padding: 10px;

}

<div class="sticky-top">

    <div>

    <h3 class="titu_card">Piezas y Trabajos Seleccionados</h3>

        <div class ="card " id="card">

            <div class="subcard" id="subcard">

            </div>

        </div>

    </div>

</div>