.container-child {
    margin-top: 15px;
    width: 30%;
    min-width: 200px;
}

/* For screens smaller than 1200px: smaller laptops*/
@media (max-width: 1200px) {
    .container-child {
        width: 50%;
    }
}

/* For screens smaller than 900px: bigger tablets */
@media (max-width: 900px) {
    .container-child {
        width: 65%;
    }
}

/* For screens smaller than 768px: Tablets, bigger phones */
@media (max-width: 768px) {
    .container-child {
        width: 80%;
    }
}

/* For screens smaller than 480px: smaller phones */
@media (max-width: 480px) {
    .container-child {
        width: 95%;
    }
}

.error-text {
    color: var(--red);
    display: none;
    font-size: 11px;
    text-indent: 15px;
    text-align: left;
    width: 30%;
    margin-top: 2px;
}