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
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!