CSS Breaks in "Find the words" content type.(mobile version)

Submitted by beingathar on Sat, 11/18/2023 - 07:03
Forums: 
Bugs in content types

Hi, 

I have seen that "Find the Words" content does not load in mobile properly. Whenever we have words having more than 6 letters, the layout breaks. I checked the CSS in google inspect tools and I found that it simply gets the size "512px x 512px" in mobile although it should have been not more than 380px. The issue is not on just one website but all my websites. Can you help me learn how to fix this issue?

Attachments: 
Image icon Screenshot 2023-11-18 at 11.33.03.png
Image icon Screenshot 2023-11-18 at 11.33.20.png
Content types: 
Find the Words
otacke's picture

otacke

Sat, 11/18/2023 - 16:56

Hi!

This content type was not created by the H5P core team, but by Jithin Thankachan who does not maintain it anymore.

If you want to fix this, you would need to change the code that you can find at https://github.com/jithin-space/h5p-find-the-words and potentially ditch the whole idea of using a canvas and use simple DOM elements instead. That should allow scaling to become easier.

You'd need to learn how to code in JavaScript essentially. This forum is probably not the right place to do that.

Cheers,
Oliver