tdb27/rock-paper-scissors

rock paper scissors game

Frontend Mentor - Rock, Paper, Scissors solution

This is a solution to the Rock, Paper, Scissors challenge on Frontend Mentor.
My solution: https://tdb27.github.io/rock-paper-scissors/

Table of contents

• Visão geral
  • The challenge - O desafio
  • Screenshot
  • Links
• My process - Meu processo
  • Built with - Criado com
  • What I learned - O que eu aprendi
  • Useful resources - Recursos úteis
• Author - Autor

Overview - Visão geral

The challenge - O desafio

Users must be able to:
Os usuários devem ser capazes de:

• View the optimal layout for the website depending on your device's screen size
  Visualize o layout ideal para o site, dependendo do tamanho da tela do dispositivo

• Play the game by clicking on one of the boxes (paper, scissors or rock)
  Jogar o jogo clicando em umas das caixa (paper, scissors ou rock)

• See hover states on the 'Play again' button
  Ver estados de hover no button 'Play again'

Screenshot

Screenshot to mobile (375px)

Screenshot to desktop (1366px)

Links

• Solution URL: My solution
• Live Site URL: My code

My process - Meu processo

Built with - Criado com

• Semantic HTML5 markup
• Propriedades personalizadas CSS
• SASS
• Flexbox
• Design responsivo
• Um pouco de grid no design responsivo
• DOM

What I learned - O que eu aprendi

In this project I used the DOM for user interaction with the game, and for design I'm learning to use SASS
Neste projeto usei o DOM para interação do usuário com o jogo, e para o design estou aprendendo a usar o SASS

Useful resources - Recursos úteis

• Conceitos de Grid
• Callback

Author - Autor

Github Website - Thiago Billy.
LinkedIn - Thiago Billy
Frontend Mentor - @TdB27
Instagram - @thiagobilly27