Lista de exercícios - Responsividade | HTML e CSS: trabalhando com responsividade e publicação de projetos

1- Ajustando o layout para telas menores:

.apresentacao {
        gap: 82px;
      
    }

2- Implementando media queries para mudança de layout:

@media (max-width: 1125px) {
.apresentacao {
       flex-direction: column;
    }
}

3- Refinando o layout responsivo:

@media (max-width: 1200px) {
 .apresentacao {
        flex-direction: column-reverse;
    }

4- Ajustando o cabeçalho para telas menores:

@media (max-width: 1200px) {
    .cabecalho {
        padding: 10%;
    }

5- Centralizando itens do menu em telas menores:

 @media (max-width: 1200px) {
      .cabecalho__menu {
          justify-content: center;
      }
  }

6- Refinando o design responsivo do cabeçalho:

@media (max-width: 1200px) {
    .cabecalho {
        padding: 18%
    }