Estou tentando formatar o pagination conforme explicado no vídeo, porém ao colocar o swiper-pagination{position: initial; margin: 0.5 em 0;} o item não está indo para cima do swiper.
E também as setas do swiper não estão sendo ocultas, ao aplicar o "display: none;" , como uma forma de tirar, acabei deletando do meu codigo html.
Segue o link do repositório no GitHub: https://github.com/Bru-no98/mobile-first-alura-books/blob/main/index.html
Obrigado!
Olá, Bruno. Tudo bem?
O pagination não muda de posição pois está sendo sobrescrito com os estilos iniciais do swiper. Para corrigir, você só precisa arrumar a ordem de importação dos arquivos css. É a mesma causa das setas não estarem sendo ocultas.
<!-- O arquivo do swiper deve vir primeiro -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="styles.css">
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)