/slider

Fiz um projeto do FrontEnd mentor que o desafio era fazer um slider.

Primary LanguageHTML

Frontend Mentor - Slider

This is a solution to the Coding bootcamp testimonials slider challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

Overview

The challenge

Users should be able to:

  • View the optimal layout for the component depending on their device's screen size
  • Mudar a imagem e a descrição ao clicar nas setas

Status

O projeto slider está finalizado com sucesso!

Links

My process

Antes de começar a fazer o projeto, foi desenhado um layout da pagina para enxergar melhor como iria ser organizado o conteudo do projeto. Foi feito tambem um checklist onde tinha basicamente todas as tarefas e funcionalidades a serem feitas no projeto. Algumas propriedades do CSS ja estavam pré-definidas por mim mesmo quando eu estava fazendo o esboço(Isso facilitou a codificação do projeto)

Built with

  • Semantica no HTML
  • Customizações no CSS
  • Flexbox
  • Responsividade
  • Mobile-first workflow
  • Uso do position
  • Manipulaçao do DOM
  • Uso do classList no JS

Author