Html:
<div class="flex-box">
<div class="col1"><!--Содержание первой колонки(Страховая компания и регион)--></div>
<div class="col2"><!--тут второй столбец--></div>
<div class="col1"><!--Содержание первой колонки(Страховая компания и регион)--></div>
<div class="col2"><!--тут третий столбец--></div>
<div class="col1"><!--Содержание первой колонки(Страховая компания и регион)--></div>
<div class="col2"><!--тут четвертый столбец--></div>
<div class="col1"><!--Содержание первой колонки(Страховая компания и регион)--></div>
<div class="col2"><!--тут пятый столбец--></div>
</div>
Css:
.flex-box{
display: flex;
flex-wrap: wrap;
}
.flex-box div:nth-child(2n+1){
display: none; /*прячем 3 блока с названиями*/
}
@media screen and (max-width:/*тут ширина страницы под планшеты(Пиксели на котором пройдет первый перенос)*/){
/*стили для планшетной версии*/
/*ширину для .col1 и .col2*/
/*ширину для таблицы*/
.flex-box div:nth-child(4n+1){
display: none; /*прячем два блока с названиями*/
}
}
@media screen and (max-width:/*тут ширина страницы под мобилки(Пиксели на котором пройдет второй перенос)*/){
/*стили для мобильной версии*/
/*ширину для .col1 и .col2*/
.flex-box div:nth-child(2n+1){
display: block; /*показываем все блоки с названиями*/
}
}
примерно так:)
Если помог — отметьте решением!