Responsive. Used React, TypeScript, ContextAPI and SCSS.

👋Hello, I'm Vinicius.

👨🏼‍💻This is my solution for the Memory game

🛠️ Built with

• Semantic HTML5
• SCSS
• ReactJS
• ContextAPI
• TypeScript

📜 What I learnt?

I improved my skills as coder and learned more more about CSS. I wanted to avoid the hover effect on mobile screens. I didn't know how. With a little search I found out how. I can use the following media rule:

@media (hover: hover) and (pointer: fine) {
      &:hover:not(.up):not(.correct):not(.wrong) {
        background-color: $light-blue-400;
        cursor: pointer;
      }
    }

With this rule @media (hover: hover) and (pointer: fine), the styles below will work only on devices that can have hover effect and also have a primary input mechanism as a pointer device. With this, I can avoiding the styles on mobile devices.

😁 Thanks

I'll be happy to hear any feedback and advice!🤗

Thank you very much.