olá estou com problema quando criei a div meu carrossel desalinhou com o card e não esta com as três pagina do carrosel. alguém pode me ajudar, obrigado. https://github.com/joelubaldo/alurabook.git
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
olá estou com problema quando criei a div meu carrossel desalinhou com o card e não esta com as três pagina do carrosel. alguém pode me ajudar, obrigado. https://github.com/joelubaldo/alurabook.git
Opa Joel, tudo bem?
Ao analisar seu código percebi dois empecilhos para chegarmos no resultado desejado.
O primeiro ocorre na linha 102 do seu index.html, e se trata do fechamento de uma div que estava englobando todo o conteúdo abaixo dela:
<div class="swiper-pagination">Fechando a tag o nosso conteúdo vai ficar estruturado certinho:
<div class="swiper-pagination"></div>O outro empecilho é relacionado ao carrossel.css, onde no nosso último media queries foi usado um tamanho alto para a largura da tela, assim fazendo com que as configurações armazenadas nele só sejam aplicados para telas com 1728px de largura:
@media screen and (min-width: 1728px){Diminuindo o tamanho para 1300 podemos averiguar o resultado desejado:
@media screen and (min-width: 1300px){
Se precisar de ajuda ou tiver alguma dúvida, estou à disposição, conte comigo!
Um bom dia e bons estudos!
Olá Gabriel tudo bem! Muito obrigado pela ajuda fiz o que orientou e deu certo valeu!