O desafio é criar o Product Card e deixá-lo o mais próximo possível do design. Você pode usar qualquer ferramenta que desejar para ajudá-lo a concluir o desafio. Abaixo temos algumas definições que precisam ser atendidas.
Os usuários devem ser capazes de:
- Ao clicar no botão 360°, a página deve exibir uma das duas opções:
- Trocar a imagem estática por um gif
- Trocar a imagem estática por um modelo 3D, que seja navegável ao arrastar o mouse
- Ao clicar no botão X, a página deve voltar a exibir a imagem estática.
- HTML5
- BEM
- CSS
- Flexbox
- Grid
- Mobile-first
- Javascript