/carousel-javascript-exercise

Carousel (slider) built as an exercise using HTML, CSS and JS.

Primary LanguageHTML

Carousel built using HTML, CSS and JS

This is a responsive carousel (or slider) component coded using only HTML, CSS and JS. I made this carousel as an exercise for the course DevQuest by Dev em Dobro.

Overview

The project

The project is a carousel with controls (next and previous), in which the user can navigate through the slides.

Screen preview

Desktop

gif showing project on desktop size

Tablet

gif showing project on mobile size

Mobile

gif showing project on mobile size

Links

My process

Built with 👩🏽‍💻

  • HTML 5;
  • CSS 3;
  • JavaScript.

What I practiced 💪🏽

  • Manipulating elements with DOM;
  • Using JavaScript functions, event listeners and if-else statements;
  • Using CSS media queries for responsiveness.