h3{
    text-align: center;
    margin: 2vh;
}

a{
    /* display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: gray;
    width: 10%;  это grid!!!*/ 
}

.content{
    background-color: lightgreen;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding:10px;
}

.topic > b{
    display: block;
    width: 50%;
}
.topic * {
    display: inline-block;
}
.content :first-child b, .content :first-child  a{
    background-color: lightgreen;
}

.topic{
    /* width:calc(50%-10px); */
    padding:5px 10px;
    margin: 10px ;
    background-color: white;
}
@media (max-width:700px) {
    .content{
        display: flex;
        flex-direction: column;
    }
    .topic{
        width: calc(100%-20px);
        /* width:50%; */
    }
}