На планшете не удобно, но думаю, что как то так:
container {
max-width: 1220px;
width: 100%;
padding: 0 10px;
margin: 0 auto;
}
.title {
font-family: 'Arial', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 56px;
letter-spacing: 0.6px;
text-transform: uppercase;
color: #01353E;
}
.inschool {
background-color: #336699;
}
.inschool__title {
margin-bottom: 20px;
text-align: center;
background-color: #E69EFF;
}
.inschool__column {
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: #E69EF1;
border: 2px solid red;
}
.column__item {
display: inline-flex;
flex-wrap: wrap;
flex-direction: row;
text-align: center;
background-color: #4CBA00;
border: 2px solid #00FFFA;
padding: 0 5px;
flex: 1 1 350px;
}
.column__title {
display: flex;
width: 100%;
justify-content: space-between;
font-size: 24px;
line-height: 28px;
text-transform: uppercase;
border: 2px solid #000;
background-color: #FFEE00;
margin-bottom: 5px;
}
.column__text {
font-size: 14px;
line-height: 18px;
letter-spacing;
0.6px;
text-align: left;
padding: 0 5px;
background-color: #E6EEF1;
border: 2px solid #000;
/*flex: 1 0 auto;*/
}