Skip to content
Submitted over 2 years ago

Memory game React

Delian Zidarov•150
@delianZidarov
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Memory game
  • HTML
  • CSS
  • JS
4advanced

Design comparison

SolutionDesign

Solution retrospective

Does anyone know how the auto screenshots are generated? I was wondering how best to setup the page in order to match the design. Any other comments or suggestions are also welcomed. Thank you

Community feedback

  • Chamu•13,130
    @ChamuMutezvaPosted over 2 years ago

    Another thing that you should try, is playing the game using a keyboard only . Since the game tokens are supposed to be interactive , a div will not be accessible to keyboard users

    1
    Delian Zidarov•150
    @delianZidarovPosted over 2 years ago

    @ChamuMutezva Thanks for all of your input and for testing things so thoroughly. The buttons should now be accessible by scrolling and tabbing through buttons works.

    0
    Chamu•13,130
    @ChamuMutezvaPosted over 2 years ago

    @delianZidarov , Nice work. Keep it up

    0
  • Chamu•13,130
    @ChamuMutezvaPosted over 2 years ago

    Nice work indeed. Well done.

    • on mobile , it is working well. On desktop when i select the start game button, i am not able to complete the selection as for some reasons , i cannot scroll up and down. I am using firefox browser.
    1
    Delian Zidarov•150
    @delianZidarovPosted over 2 years ago

    @ChamuMutezva Thanks for the feedback. Can you tell me at what screen size you had that issue? One possible answer is that you had the inspect screen open and that covered the buttons. The screens are positioned fixed so even if you scroll the screen would always start at the top of the viewport.

    0
    Delian Zidarov•150
    @delianZidarovPosted over 2 years ago

    @ChamuMutezva Thanks for the feedback. Can you tell me at what screen size you had that issue? One possible answer is that you had the inspect screen open and that covered the buttons. The screens are positioned fixed so even if you scroll the screen would always start at the top of the viewport.

    0
    Chamu•13,130
    @ChamuMutezvaPosted over 2 years ago

    @delianZidarov , my laptop screensize is about 1366 * 768. The issue seems to that at 700px when i inspect, but even without inspecting i still get the same results. I have dm screenshots on your slack handle

    0
  • loulou1994•140
    @loulou1994Posted over 2 years ago

    Ten out of ten! well-structured, readable, and reusable code. I'm speechless. Great work!

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord