How can I make Drag and Drop responsive?

Submitted by alegoffa on Sat, 04/10/2021 - 14:18
Forums: 
Bugs in content types

Hi,

When creating a drag and drop content on WordPress, the view of the task area on mobile becomes tiny (attached). Is there a way to avoid this? Maybe choosing a different task size or image size?

My current setting is this:

Task size: 1240 x 640 -> https://i.imgur.com/oOo5yMj.png

Box size: 92 x 26 -> https://i.imgur.com/vz9X5KO.png 

Text size: Normal ; 137.5 % -> https://i.imgur.com/L7MvKYO.png 

Any best practices here would be appreciated. Other content types resize well so far.

Thank you.

H5P file: 
Binary Data 01-00-01-01.h5p
Attachments: 
Image icon IMG_20210408_111543.jpg
Content types: 
Drag and Drop
BV52's picture

BV52

Mon, 04/12/2021 - 18:03

Hi alegoffa,

I'm afraid the limitation is actually the size of the screen. H5P contents are designed to occupy the width of the screen. In Drag and Drop's case maybe changing the task size to portrait rather than the default landscape settings might help a bit.

-BV

alegoffa

Tue, 04/13/2021 - 11:56

Thanks for your reply, I wasn't sure if there's some kind of ideal ratio between task size, box size and text size.