Entrar Ainda não tem acesso?
1
resposta

Faça como eu fiz: estilizando rodapé

Referente ao curso CSS: explorando seletores e utilizando variáveis, no capítulo Avançando nos estilos II e atividade Faça como eu fiz: estilizando o rodapé e aplicando responsividade

por Estanislau Antonio da Silva Junior
| 60.7k xp | 213 posts

Rodapé.

rodape {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--padding-xxl) 0;
  }
  
  .rodape-bg {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .icones-rodape {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: var(--gap-s);
  }
  
  .icone-rodape {
    margin-right: 0.5rem;}
    .icone-rodape {
        margin-right: 0.5rem;º}
      
        &:last-child {
          margin-right: 0;
        }
1 resposta
por Lorena Garcia
| 9943.5k xp | 14953 posts
Alura Scuba Team Suporte Educacional

Oi, Estanislau! Como vai?

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

Seu uso de variáveis como --padding-xxl e --gap-s mostra atenção à consistência visual e manutenção do layout. Só um ponto de atenção: o seletor rodape precisa ser escrito com um ponto (.rodape) caso você esteja se referindo a uma classe, senão o CSS não será aplicado corretamente.

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