Por que deve-se usar display:flex no responsivo?

No arquivo destaques.css (na parte dos .destaque__secundario:nth-child()) não foi utilizado o display: flex, porém, durante o processo de deixar a página responsiva, aparece a necessidade de usar ele. A minha duvida é essa: Por que tenho que utilizar ele para deixar minha página como antes sendo que não havia utilizado anteriormente?

@media screen and (min-width: 768px) {
    .destaques__principal {
        grid-column: 1 / 4;

     }
     .destaques__secundario:nth-child(2){
         display: flex;
         grid-column: 4 / 4;
         grid-row: 1 / 1;
     }
     .destaques__secundario:nth-child(3){
         display: flex;
         grid-column: 4 / 4;
         grid-row: 2 / 2;
     }
     .destaques__secundario:nth-child(4){
         display: flex;
         grid-column: 4 / 4;
         grid-row: 3 / 3;
     }
     .destaques__secundario:nth-child(5){
         display: flex;
         grid-column: 3 / 3;
         grid-row: 3 / 3;
     }
     .destaques__categorias{
         grid-column: 1 / 3;
     }


}