1
resposta

Faça como eu: Estilizando ofertas e parceiros.

Ofertas.Css

.ofertas {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--gap-xl);
    background-color: var(--cor-secundaria-light);
    width: 100%;
    padding: var(--padding-5xl) 0;
}

.ofertas-titulo {
    color: var(--cor-primaria-light);
}

Parceiros.Css

.parceiros {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--gap-m);
    width: 100%;
    padding: var(--padding-xxl) 0;
    background-color: var(--cor-neutra-light);
}
.parceiros-titulo {
    color: var(--cor-primaria-light);
    margin-bottom: 1.25rem;
}
.lista-parceiros {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--gap-xxxl);
}
.lista-parceiros > div {
    flex: 1 0 100px;
    width: 100%;
}
.lista-parceiros > div > img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    transition: transform 0.3s ease;
  }
  .lista-parceiros > div:hover img {
    transform: scale(1.1);
    box-shadow: 0 0 20px var(--cor-primaria-box-shadow:rgba(193, 55, 36, 0.4));
  }
  .lista-parceiros > div:nth-child(even):hover img {
    transform: scale(1.1);
    box-shadow: 0 0 20px var(--cor-secundaria-box-shadowrgba(162, 183, 43, 0.4));
  }
  
1 resposta

Oi, Estanislau! Como vai?

Agradeço por compartilhar seu código com a comunidade Alura.

O uso de flex para alinhar os conteúdos das seções de ofertas e parceiros ficou ótimo! Também é legal ver que você aplicou variáveis CSS, deixando o código mais limpo e fácil de manter.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!