Olá
Na aula três do curso somos introduzidos ao carrossel através do SwiperJs. No final da primeira vide-aula a Mônica faz com que as setas do carrossel não apareçam e que a bolinhas de navegação fiquem no topo do carrossel.
Acredito que tenha feito tudo conforme ela explica e não consigo chegar no mesmo resultado.
Segue meus códigos:
Index:
CSS (carrossel e style):
Resultado:
Estou com o mesmo problema.
Reorganize o arquivo index.html na seguinte ordem abaixo:
<link rel="stylesheet" href="reset.css">
primeiro o reset
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"/>
segundo css do carrossel importado
<link rel="stylesheet" href="style.css">
por ultimo o seu css
Com essa alteração o layout se ajustou.
Amigo, deu certo, porém vou deixar ainda em aberto o tópico porque gostaria de entender o que ocasionou isso. Tipo, foi só a ordem que os links são postos? Por que? Qual foi a lógica usada pelo VScode? Queria entender pra futuras ocasiões
Muito obrigado mesmo assim!
att