Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Sugestão] Swiper e Card mais alinhado

Fala galera!

Eu tenho um certo toc, e nessa aula o card ficou alinhado com a base do swiper. Eu coloquei uma margin-top no card para que fique centralizado e também um padding na classe carrosel__container para ficar com espaçamento parecido ao do figma.

Vou colocar aqui as classes que alterei e como ficou.

.carrosel__container {
        display: flex;
        margin: 0 20vw 3em 20vw;
        align-items: center;
        padding: 2em;
}
 .card {
        width: 65%;
        margin: 3em 0 0 4em;
  }

Insira aqui a descrição dessa imagem para ajudar na acessibilidadeBons estudos a todos.

1 resposta
solução!

Olá Marcos, tudo bem?

Parabéns pela iniciativa de buscar uma solução para deixar o card mais alinhado no swiper. A sua solução foi bem criativa e funcional, utilizando a propriedade margin-top para centralizar o card e o padding na classe carrosel__container para ajustar o espaçamento.

Obrigada por compartilhar com a gente.

Um abraço e bons estudos.