julianastahelin / carousel-javascript-exercise

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

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

Tablet

Mobile

Links

• Live site URL: https://julianastahelin.github.io/carousel-javascript-exercise/

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.